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

Bagaimana untuk menambah pemilih warna pada borang HTML?

WBOY
WBOYke hadapan
2023-08-31 09:29:091174semak imbas

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

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>

Langkah 2 - Sekarang kita akan menambah elemen bentuk.

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

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>

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!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam