Form HTML

 1. Input Color

Input tipe `color` memungkinkan pengguna memilih warna dengan pemilih warna, misalnya, warna biru `1E90FF`.

Contoh:


Cara Kerja: Saat diklik, antarmuka pemilih warna muncul, dan pengguna dapat memilih warna dari palet. Setelah dipilih, warna dan kode heksadesimalnya akan disimpan.

2. Input Date

Input tipe `date` memungkinkan pengguna memilih tanggal, misalnya, tanggal lahir atau tanggal acara.

 Contoh:

Cara Kerja: Ketika diklik, antarmuka pemilih tanggal muncul. Tanggal dipilih dari kalender dan ditampilkan dalam format `YYYY-MM-DD` (contoh: `2005-03-08`).

3. Input File

Input tipe `file` memungkinkan pengguna mengunggah file dari perangkat, misalnya, untuk mengunggah dokumen atau gambar.

 Contoh:

Cara Kerja: Ketika diklik, antarmuka pemilih file muncul, dan pengguna dapat memilih file yang ingin diunggah. Nama file muncul setelah file dipilih.

4. Input Hidden

Input tipe `hidden` menyimpan data tersembunyi yang tidak perlu dilihat pengguna, misalnya, ID pengguna.

 Contoh:

Cara Kerja: Input ini tidak terlihat di halaman web, namun nilainya akan dikirim ke server ketika formulir dikirimkan.

5. Input Number

Input tipe `number` memungkinkan pengguna memasukkan angka dalam batasan tertentu, misalnya, untuk jumlah barang.

Contoh:


Cara Kerja: Pengguna dapat memasukkan angka dalam rentang 1 hingga 10 atau menggunakan tombol naik-turun pada beberapa browser.

6. Input Password

Input tipe `password` menyembunyikan karakter yang dimasukkan, misalnya, untuk kata sandi.

 Contoh:

Cara Kerja: Karakter yang diketik akan disembunyikan oleh browser (ditampilkan sebagai bintang atau bulatan) agar aman.

 7. Input Range

Input tipe `range` memungkinkan pengguna memilih nilai dengan menggeser slider dalam rentang tertentu, misalnya, pengaturan volume.

Contoh:

Cara Kerja: Pengguna dapat menggeser slider dari 0 hingga 100 untuk mengatur volume.

 8. Input Time

Input tipe `time` memungkinkan pengguna memasukkan waktu, misalnya, jam buka toko atau jam acara. 

Contoh:

Cara Kerja: Saat diklik, antarmuka pemilih waktu muncul, memungkinkan pengguna memilih jam dan menit. Nilai waktu ditampilkan dalam format `HH:MM` (contoh: `09:00`).


Komentar