LZ3G – Webmaster Blog! php, Mysql, JQuery, Java, Wordpress

HTML5 Form Özellikleri nelerdir ?

HTML5 Yeni Form Özellikleri :
HTML5 <form> ve <input> için bir kaç yeni özelliğe sahiptir.

Artık formlarla birlikte dinamik web tasarımına ilk adımı atmış oluyoruz. FORM sizin web tasarımcısı olarak sayfanıza koyacağınız ve içinde ziyaretçinin dolduracağı boşluklar veya ziyaretcinin yapacağı tercihleri belirteceği kutular bulunan ve en sonunda bu bilgileri size göndereceği bir buton bulunan bir websayfasıdır. FORM, bir sayfanın içinde bir bölüm olabileceği gibi, başlıbaşına bir sayfada olabilir. FORM, ziyaretciye “girdi” yapma imkanı verebilir. FORM, düz bir metin olabilir; resimlerle süslenmiş olabilir. Ne kadar işlenmiş olursa olsun, formlar da bütün HTML etiketleri gibi bir etiketle başlar ve biter. Şimdi bu bölümde

etiketinin arasını doldurmayı öğrenelim.

<form> için yeni özellikleri:

  • autocomplete
  • novalidate

<input> için yeni özellikler:

  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height ve width
  • list
  • min ve max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

<form> / <input> autocomplete özelliği

autocomplete özelliği bir form ya da input alanının autocomplete özelliğinin on ya da off olacağını belirtir.

autocomplete açık olduğunda, tarayıcı otomatik olarak kullanıcı tarafından önceden girilen bilgileri tamamlar.

İpucu: form’larda autocomplete on yapmak ve belli input alanlarında off yapmak mümkündür, ya da tam tersi.

Not: autocomplete özelliği <form> ile ve şu <input> tipleri ile çalışır: text, search, url, tel, email, password, datepickers, range, ve color.


<form action="demo_form.php" autocomplete="on">
  İsim:<input type="text" name="fname">
  Soyisim: <input type="text" name="lname">
  E-mail: <input type="email" name="email" autocomplete="off">
  <input type="submit">
</form>