Top

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

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

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.

Siz neler düşünüyorsunuz? Yazımızı beğendiyseniz aşağıdaki butonlardan tavsiye edebilirsiniz, paylaşabilirsiniz veya yorumlarınızı sunabilirsiniz. Teşekkürler okuduğunuz için!

Bir önceki yazımız olan HTML 5 Dersleri – Bölüm 7 – Input type özellikleri başlıklı makalemizde Bölüm, color ve date picker hakkında bilgiler verilmektedir. Daha fazla yazımızı görmek için HYTürkyılmaz Dijital pazarlama ve growth hacking blogu anasayfası'yı ziyaret edebilirsiniz. Yazımızı aşağıdaki paylaşım butonlarıyla paylaşarak sevginizi yayınız! Teşekkürler!

Hasan Yasin Türkyılmaz

Sosyolog, dijital stratejist. Dijital medya, reklam ve growth hacking eğitimleri ve hizmetleri sunarım. PC, konsol fark etmez. Oyun oynamayı severim.

Tüm yazıları - Websitesi

Beni takip edin!:
TwitterFacebookLinkedInPinterestGoogle PlusDiggFlickrStumbleUponYouTubeYelpRedditDelicious