Bagaimana untuk menambah pemilih warna pada borang HTML?-html tutorial-php.cn

Bagaimana untuk menambah pemilih warna pada borang HTML?

WBOY

Lepaskan： 2023-08-31 09:29:09

ke hadapan

1255 orang telah melayarinya

Bagaimana untuk menambah pemilih warna pada borang HTML?

HTML, yang bermaksud Bahasa Penanda Hiperteks, ialah gabungan bahasa hiperteks dan penanda yang boleh kita gunakan untuk membina halaman web dan kandungannya. Artikel ini akan menunjukkan kepada anda cara menambah pemilih warna menggunakan HTML.

Tatabahasa

For Output Code pre class

Salin selepas log masuk

Tag ialah elemen interaktif dalam HTML yang tujuan utamanya adalah untuk mendapatkan pelbagai bentuk input daripada pengguna. Atribut jenis teg menentukan jenis input yang perlu dimasukkan oleh pengguna.

Kaedah

Kami akan menggunakan tag . Untuk mencapai ini, kami akan membuat teg input dalam borang dan menetapkan atribut type kepada warna.

Contoh

Langkah 1 - Pertama, kita akan mentakrifkan kod HTML asas.

<!DOCTYPE html>
<html>
<head>
   <title>How to add color picker in a form using HTML?</title>
</head>
<body>
   <h4>How to add color picker in a form using HTML?</h4>
</body>
</html>

Salin selepas log masuk

Langkah 2 - Sekarang kita akan menambah elemen bentuk.

<form>
   <label>Choose Colour</label>
   <input type="color"/>
</form>

Salin selepas log masuk

Ini adalah kod lengkap -

<!DOCTYPE html>
<html>
<head>
   <title>How to add a color picker in a form using HTML?</title>
</head>
<body>
   <h4>How to add a color picker in a form using HTML?</h4>
   <form>
      <label>Choose Colour</label>
      <input type="color" />
   </form>
</body>
</html>

Salin selepas log masuk

Kesimpulan

Dalam artikel ini, kami belajar tentang tag. Kemudian kami juga melihat cara menambah pemilih warna pada elemen borang HTML menggunakan teg .

Atas ialah kandungan terperinci Bagaimana untuk menambah pemilih warna pada borang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!