HTML 5 Dersleri – Bölüm 9 – Form ve input özellikleri
Form attributes yani;
Yeni form özellikleri;
- autocomplete,
- novalidate
Yeni input özellikleri;
- autocomplete,
- autofocus,
- form,
- form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget),
- height and width,
- list,
- min, max and step,
- multiple,
- pattern (regexp),
- placeholder,
- required,
Tarayıcı desteği;
| Attribute | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| autocomplete | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| autofocus | Hayır | 4.0 | 10.0 | 3.0 | 4.0 |
| form | Hayır | 4.0 | 9.5 | 10.0 | Hayır |
| form overrides | Hayır | 4.0 | 10.5 | 10.0 | Hayır |
| height and width | 8.0 | 3.5 | 9.5 | 3.0 | 4.0 |
| list | Hayır | 4.0 | 9.5 | Hayır | Hayır |
| min, max and step | Hayır | Hayır | 9.5 | 3.0 | Hayır |
| multiple | Hayır | 3.5 | 11.0 | 3.0 | 4.0 |
| novalidate | Hayır | 4.0 | 11.0 | 10.0 | Hayır |
| pattern | Hayır | 4.0 | 9.5 | 3.0 | Hayır |
| placeholder | Hayır | 4.0 | 11.0 | 3.0 | 3.0 |
| required | Hayır | 4.0 | 9.5 | 3.0 | Hayır |
autocomplete Özelliği
Form ya da giriş alanının(input field) autocomplete ile otomatik tamamlama özelliğine sahip olmasını sağlar.
Not; Form etiketi ile çalışır autocomplete. Ayrıca; input->text, search, url, telephone, email, password, datepickersi range ve color ile de kullanılır.
Bu özelliğe sahip olan bir alanda yazmaya başlayan kullanıcı, tarayıcı alandaki verileri doldurabilecek şeylere dair ayarları göstermeye başlayacaktır.
Örnek ve deneme adresi için;
<form action="demo_form.asp" method="get" autocomplete="on"> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> E-mail: <input type="email" name="email" autocomplete="off" /><br /> <input type="submit" /> </form>
Not; bazı tarayıcılarda aktif etmeniz gerekebilir bu özelliği.