1. Input Color
Input tipe `color` memungkinkan pengguna memilih warna dengan pemilih warna, misalnya, warna biru `1E90FF`.
Contoh:
Input tipe `date` memungkinkan pengguna memilih tanggal,
misalnya, tanggal lahir atau tanggal acara.
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.
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.
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:
6. Input Password
Input tipe `password` menyembunyikan karakter yang
dimasukkan, misalnya, untuk kata sandi.
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
Posting Komentar