A. Pengertian
Input Type pada halaman web memungkinkan pengguna memasukkan data yang dikirim ke server untuk diproses. Formulir dapat menyerupai kertas atau basis data bentuk karena pengguna web mengisi formulir dengan menggunakan kotak centang, tombol radio , atau bidang teks . Misalnya, formulir bisa digunakan untuk memasukkan data pengiriman atau kartu kredit untuk memesan produk, atau bisa digunakan untuk mengambil hasil pencarian dari mesin pencari.
B. Alat dan Bahan
Ada beberapa penambahan input type pada HMTL5 diantaranya color, date, datetime, datetime-local, email, number, month, range, search, tel, time, url, dan week.
1. Tipe date, datetime, datetime-local, time, week yang digunakan untuk input waktu :
2. Tipe email yang mana akan melakukan validasi text berupa email atau bukan.
max - maksimum value
min - minimum value
step - interval
value - default value
5. Tipe range biasanya digunakan untuk kontrol slider dll.
max - maksimum value
min - minimum value
step - interval
value - default value
6. Tipe search digunakan untuk form pencarian mesin pencari.
B. Alat dan Bahan
- Text Editor.
- Web Browser.
Ada beberapa penambahan input type pada HMTL5 diantaranya color, date, datetime, datetime-local, email, number, month, range, search, tel, time, url, dan week.
1. Tipe date, datetime, datetime-local, time, week yang digunakan untuk input waktu :
<input type="date" name="ttl">
<input type="datetime" name="bdaytime"><input type="datetime-local" name="bdaytime"><input type="time" name="usr_time"><input type="week" name="week_year">
2. Tipe email yang mana akan melakukan validasi text berupa email atau bukan.
<p><input type="email" name="email"></p>3. Tipe month untuk menampilkan bulan.
<input type="month" name="bdaymonth">4. Tipe number hanya membolehkan angka saja yang dimasukkan.
<input type="number" name="quantity" min="1" max="5">Atribut yang bisa dipakai diantaranya
max - maksimum value
min - minimum value
step - interval
value - default value
5. Tipe range biasanya digunakan untuk kontrol slider dll.
<input type="range" name="points" min="1" max="10">Atribut yang bisa dipakai diantaranya
max - maksimum value
min - minimum value
step - interval
value - default value
6. Tipe search digunakan untuk form pencarian mesin pencari.
<input type="search" name="googlesearch">7. Tipe tel untuk memasukkan nomor telp.
<input type="tel" name="usrtel">8. Tipe url untuk memasukkan alamat website.
<input type="url" name="homepage">Dalam tipe input diatas hanya bisa berjalan di Browser Google Chrome, Safari & Opera. Jadi yang pakai Mozilla Firefox dan lainnya pasti tidak melihat perubahan dalam melihat demonya.
COMMENTS