HTML 5 Dersleri 4 - Form Elementleri

HTML 5 İLE FORM ELEMENTLERİ

HTML5 yeni form elementlerine sahiptir bunlar :

• <datalist>
• <keygen>
• <output>

<datalist> Elementi

<datalist>, bir <input> elementleri için belirli seçenekler sunar. <datalist>, giriş tipleri için bir autocomplete niteliği sağlar. Kullanıcılar önceden hazırlanmış bir seçenek listesi görecektir. Örneğin : e-mail girerken daha önce girdiğimiz mailler liste halinde hatırlatılır ve gün içinde çok kez karşılaşırız. Bu özellik kullanıcıların işlerini kolaylaştırır.

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

<keygen> Elementi

<keygen>, kullanıcılara güvenlik amacı ile anahtarlama özelliği verir. Form gönderildiğinde iki anahtar gönderilmiş olur. Bir anahtar özel bir anahtar genel nitelik taşır. Özel anahtar sizlerin yerel dosyalarınızda saklanır. Genel anahtar sunucuya gönderilir.

<form action="demo_keygen.php" method="get">
 Kullanıcı adı: <input type="text" name="usr_name">
 Şifreleme: <keygen name="security">
<input type="submit">
</form>

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
 <input type="range" id="a" value="50">100 +
 <input type="number" id="b" value="50">=
 <output name="x" for="a b"></output>
</form>