HTML 5 Dersleri – Bölüm 8 – Yeni form elementleri
HTML5 birkaç yeni elemente ve özelliğine sahip formlar için.
Yeni form elementleri;
- datalist
- keygen
- output
Tarayıcı desteği
| Özellik | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| datalist | Hayır | 4.0 | 9.5 | Hayır | Hayır |
| keygen | Hayır | 4.0 | 10.5 | 3.0 | Hayır |
| output | Hayır | Hayır | 9.5 | 10.0 | Hayır |
datalist Elementi
Giriş alanı için ayarlar listesi belirler bu element.
Datalist’in içinde option elementi ile liste oluşturur.
Datalist’e id vererek, listelerdeki veri girişlerinin değerlerini alabilirsiniz;
Webpage: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="W3Schools" value="http://www.w3schools.com" /> <option label="Google" value="http://www.google.com" /> <option label="Microsoft" value="http://www.microsoft.com" /> </datalist>
Deneme adresi…
İpucu; Option elementi daima bir value taşımalı.