HTML5 Form Özellikleri nelerdir ?

Yazar

21 Kasım 2016

2522

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>