Rumah > hujung hadapan web > html tutorial > Bagaimana untuk menambah pemilih warna pada borang HTML?

Bagaimana untuk menambah pemilih warna pada borang HTML?

WBOY
Lepaskan: 2023-08-31 09:29:09
ke hadapan
1305 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!

Label berkaitan:
sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan