13 html5 form
Download as PPTX, PDF0 likes220 views
Dokumen ini membahas tentang tipe-tipe input baru pada HTML5 seperti color, date, range, email, search, dan image. Juga dijelaskan beberapa atribut input seperti value, readonly, disabled, size, maxlength, height dan width beserta contoh penggunaannya.
13 html5 form
- 1. HTML5 FORM AMIROH, S.Kom SMKN 3 JOMBANG
- 3. Input Type: Color Merupakan atribut elemen <input> yang digunakan untuk menampilkan form berupa pilihan warna Cara penulisan: <input type="color">
- 4. Hasilnya..
- 5. Input Type: date Digunakan untuk menampilkan form berupa pilihan data tanggal/bulan/tahun Cara penulisan: <input type=“date">
- 6. Hasilnya..
- 7. Input Type: range Digunakan untuk menampilkan form berupa rentang data tertentu Cara penulisan: <input type=“range">
- 8. Hasilnya
- 9. Input Type: email Digunakan untuk menampilkan form data email user Dengan menggunakan tipe ini, alamat email yang dimasukkan user akan secara otomatis divalidasi oleh browser Cara penulisan: <input type=“email">
- 10. Input Type: search Digunakan untuk menampilkan form berupa pencarian data tertentu Cara penulisan: <input type=“search">
- 11. Input Type: search Digunakan untuk menampilkan form berupa pencarian data tertentu Cara penulisan: <input type=“search">
- 12. Input Type: search Digunakan untuk menampilkan form berupa pencarian data tertentu Cara penulisan: <input type=“search">
- 13. Input Type: image Digunakan untuk mengganti tombol submit dengan gambar tertentu Contoh:
- 14. INPUT Attributes
- 15. Attribute: VALUE Digunakan untuk memberi nilai awal pada sebuah inputan form Contoh:
- 16. Attribute: readonly Digunakan untuk menentukan inputan berupa data yang tidak bisa diubah (read only) Contoh:
- 17. Attribute: disabled Digunakan untuk menentukan sebuah inputan adalah disabled Contoh:
- 18. Attribute: size Digunakan untuk menentukan ukuran (lebar) sebuah field dalam ukuran character Contoh:
- 19. Attribute: maxlength Digunakan untuk menentukan banyaknya inputan karakter yang diperbolehkan Contoh:
- 20. Attribute: height and width Digunakan untuk menentukan tinggi dan lebar image (gambar) Atribut ini khusus digunakan pada INPUT dengan type=“”image” Contoh:
- 21. Referensi http://www.w3schools.com/html/html_form_el ements.asp http://www.w3schools.com/html/html_form_at tributes.asp http://www.w3schools.com/html/html_form_in put_types.asp