Pada HTML5 ada beberapa input type baru seperti email, url, number, range, dan date. Browser yang mendukung semua input type baru tersebut hanya Opera, Chrome belum bisa membaca input type color.
1 | Input Type E-mail: <input type="email" name="user_email" /> |
Jika email yang dimasukkan tidak sesuai format, maka akan tampil pesan “Please enter an email address”. Coba input type email
1 | Input Type URL: <input type="url" name="user_url" /> |
Jika url yang dimasukkan tidak sesuai format, maka akan tampil pesan “Please enter a URL”. Coba input type url
1 | Input Type Number: <input type="number" name="points" min="1" max="10" /> |
Input type number memiliki attribut min yaitu nilai minimum dan max untuk nilai maksimum yang bisa dipilih. Coba input type number
1 | Input Type Range: <input type="range" name="points" min="1" max="10" /> |
Input type range hampir sama dengan number hanya saja input type range ditampilkan dalam bentuk slider. Coba input type range
1 | Input Type Date:<input type="date" name="user_date" /> |
Input type ini digunakan untuk memudahkan dalam memasukkan tanggal. Coba input type date
1 | Input Type Color: <input type="color" name="user_color" /> |
Input type color untuk memudahkan dalam memilih warna. Coba input type color
via w3schools.com