HTML 5 Dersleri – Bölüm 8 – Yeni form elementleri

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

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ı.

keygen elementi

Kullanıcıları doğrulamak için güvenli bir yol sunmaktır bu elementin amacı.

Keygen elementi anahtar grubu üretecidir. Bir form onaylandığında 2 anahtar üretilir; birisi özel birisi de halka açık.

Özel anahtar istemcide depolanır ve halka açık anahtar da sunucuya gönderilir. Halka açık anahtar muhtemelen, gelecekte kullanıcıyı doğrulamak için bir istemci sertifikası üretecek.

Şu anda, tarayıcı desteği için bu element yeterince güvenli ve uygun olmayan bir standart.

Örnek ve adresi;

<form action="demo_form.asp" method="get">
 Username: <input type="text" name="usr_name" />
 Encryption: <keygen name="security" />
 <input type="submit" />
 </form>

Output elementi

Output elementi çıktının farklı türleri için kullanılır, hesaplama veya script çıktısı gibi.

Örnek ve adresi;

<output id="result" onforminput="resCalc()"></output>

Bunlar w3schools.com’dan çevirilmiştir.