HTML form input
HTML menyediakan banyak tag input untuk kebutuhan form. tag input sendiri berfungsi sebagai kolom isian dari user atau pengunjung.
berikut contoh penggunaan tag input:
berikut contoh penggunaan tag input:
form input
[code]<form action="" method="post">
<input type="text" name="namalengkap">
</form>[/code]Secara umum tag input membutuhkan beberapa atribut didalamnya diantaranya type, dimana atribut ini mendefinisikan tipe dari inputan yang akan digunakan, di HTML5 ada banyak tipe input yang bisa kita gunakan yang sebentar lagi akan kita bahas. selanjutnya atribut name, atribut yang satu ini merupakan atribut yang wajib ada di tag input karena nilai dari name inilah yang akan dijadikan acuan (nama variabel) sehingga bisa diproses di web server (biasanya PHP) atribut name berfungsi untuk mendefinisikan nama dari tag input.
HTML5 input type
berikut adalah daftar type input di HTML5
form input
| Type | HTML | Hasil |
|---|---|---|
| button | <input type="button" value="ok"> | |
| checkbox | <input type="checkbox" name="ingat" value="yes">ingat saya | ingat saya |
| color | <input type="color" name="warna"> | |
| date | <input type="date" name="tanggal"> | |
| datetime-local | <input type="datetime-local" name="datetime_local"> | |
| <input type="email" name="email"> | ||
| file | <input type="file" name="foto"> | |
| hidden | <input type="hidden" name="id"> | |
| image | <input type="image" name="gambar"> | |
| month | <input type="month" name="tgl"> | |
| number | <input type="number" name="urutan"> | |
| password | <input type="password" name="password"> | |
| radio | <input type="radio" name="gender" value="L">Laki-laki<br/> <input type="radio" name="gender" value="P">Perempuan |
Laki-laki Perempuan |
| range | <input type="range" name="range"> | |
| reset | <input type="reset" value="hapus" name="reset" value="hapus"> | |
| search | <input type="search" name="search"> | |
| submit | <input type="submit" name="kirim"> | |
| tel | <input type="tel" name="tel"> | |
| text | <input type="taxt" name="nama"> | |
| time | <input type="time" name="waktu"> | |
| url | <input type="url" name="url"> | |
| week | <input type="week" name="week"> |