Materi html5 kemarin, kita sudah membahas tentang element yang baru untuk forms pada html5. Nah, di html5 juga mempunyai attributes baru untuk <form> dan <input>.
Atribut baru untuk <form> adalah :
- autocomplete
- novalidate
Sedangkan atribut baru untuk <input> adalah :
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
<form> / <input> autocomplete Attribute
Atribut autocomplete menentukan apakah formulir isian atau masukan harus memiliki AutoComplete atau menonaktifkan. Ketika autocomplete aktif, browser secara otomatis melengkapi nilai berdasarkan pada nilai-nilai yang telah masuk sebelumnya oleh pengguna.
Tip: Hal ini dimungkinkan untuk memiliki AutoComplete “on” untuk formulir, dan “off” untuk field input tertentu, atau sebaliknya.
Catatan: Atribut autocomplete bekerja dengan <form> dan jenis <input> berikut: teks, mencari, url, tel, email, password, datepickers, jangkauan, dan warna.
<!DOCTYPE html>
<html>
<body>
<form action=”demo_form.asp” autocomplete=”on”>
First name:<input type=”text” name=”fname” /><br />
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Last name: <input type=”text” name=”lname” /><br />
E-mail: <input type=”email” name=”email” autocomplete=”off” /><br />
<input type=”submit” />
</form>
<p>Fill in and submit the form, then reload the page to see how autocomplete works.</p>
<p>Notice that autocomplete is “on” for the form, but “off” for the e-mail field.</p>
</body>
</html>
<form> novalidate Attribute
novalidate attribute adalah atribut Boolean, ketika ditampilkan akan menentukan bahwa form-data (input) boleh untuk tidak divalidasi ketika dimasukkan.
<!DOCTYPE html>
<html>
<body>
<form action=”demo_form.asp” novalidate=”novalidate”>
E-mail: <input type=”email” name=”user_email” />
<input type=”submit” />
</form>
</body>
</html>
0 comments:
Post a Comment