Form Etiketleri
• Bu bölümde formların içerisinde kullanlan yenietiketleri inceleyeceğiz.
<datalist><keygen><output>
<datalist>
- Bir input etiketinde önceden tanımlanmış seçenekleri belirlemek için kullanılır.
- Kullanıcı veri girişi elemanına metin yazarken açılan liste içerisinde benzer elamanlar gözükecektir.
- Kullanıcı da istediği seçeneği kolayca tıklayabilecektir.
Örn:
<input list=“tarayicilar”><datalist id=“tarayicilar”>
<option value=“IE 8”><option value=“IE 9”><option value=“Firefox”><option value=“Chrome”><option value=“Opera”><option value=“Safari”>
</datalist>
• Yukarıdaki örnekte input etiketinin oluşturduğu yazı alanına IE yazınca datalist içindeki benzer sonuçlar listeleniyor.
IE
IE 8
IE 9
<keygen>
- keygen etiketi kullanıcılara güvenli yetkilendirme olanağı sağlar.
- Açık(public) ve kapalı(private) anahtaroluşturup açık anahtarı sunucuya gönderir ve kapalı anahtarı ise tarayıcı kendi içindekaydeder.
- Açık anahtar ileride sertifika oluşturup kullanıcıyı yetkilendirmek için kullanılabilir.
Örn:
Şifreleme:<keygen name=“anahtar”>
•Bir formun içerisinde örnekteki gibi bir keygen etiketi yeralabilir ve form gönderildiğinde sunucuda “anahtar” diye bir değişken olacaktır.
• keytype özelliği ile farklı anahtar türleri de(rsa,dsa) belirlenebilir.
<output>
• output etiketi JavaScript gibi hesaplamaişlemlerini sonucu ekranda göstermeyi sağlar.
<form oninput=“sonuc.value=parseInt(a.value)+parseInt(b.value)”><input type=“number” id =“a” value=“50”>
<input type=“number” id =“b” value=“51”>
=<output name=“sonuc” for=“a b“></output>
• Yukarıdaki örnekte iki kutucuktaki değerler değiştiğinde o değerlerintoplama sonucunu output etiketi ile ekranda gösterilmektedir.
