HTML Input Elemanının Özellikleri
value Özelliği
value özelliği input elemanı için bir başlangıç değeri oluşturur. Kullanıcı bu değeri silip yeni bir değer girebilir.
Aşağıdaki örneğe dikkat edelim:
<form action="">
Ad:<br>
<input type="text" name="ad" value="Adınız">
<br>
Last name:<br>
<input type="text" name="sad">
</form>
Ad:<br>
<input type="text" name="ad" value="Adınız">
<br>
Last name:<br>
<input type="text" name="sad">
</form>
Bu form, sayfamızda şöyle gürünecektir:
readonly Özelliği
readonly özelliği, input elemanına girilen value="değeri" elemanının değerinin değiştirilmesini engeller.
Örneğe dikkat edelim:
Örneğe dikkat edelim:
<form action="">
Ad:<br>
<input type="text" name="ad" value="Barış" readonly>
<br>
Last name:<br>
<input type="text" name="sad">
</form>
Ad:<br>
<input type="text" name="ad" value="Barış" readonly>
<br>
Last name:<br>
<input type="text" name="sad">
</form>
Bu form, sayfamızda şöyle gürünecektir:
- readonly özelliğinin bir değeri yoktur fakat şöyle de yazılabilir: readonly="readonly"
disabled Özelliği
disabled özelliği, input elemanının servis dışı görünmesini sağlar.
Örneğe dikkat edelim:
<form action="">
Ad:<br>
<input type="text" name="ad" value="Barış" disabled>
<br>
Soyad:<br>
<input type="text" name="sad">
</form>
Bu form, sayfamızda şöyle gürünecektir:
- disabled özelliğinin bir değeri yoktur fakat şöyle de yazılabilir: disabled="disabled"
size Özelliği
size özelliği, bir input kutucuğunun, kaç karakter gösterebilecek genişlikte olacağını belirler. input kutucuğunun, varsayılan genişliği 20 karakterdir.
Örneğe dikkat edelim:
<form action="">
Ad:<br>
<input type="text" name="ad" value="Barış" size="30">
<br>
Soyad:<br>
<input type="text" name="sad">
</form>
Bu form, sayfamızda şöyle gürünecektir:
maxlength Özelliği
Örneğe dikkat edelim:
<form action="">
Ad:<br>
<input type="text" name="ad" maxlength="7">
<br>
Soyad:<br>
<input type="text" name="sad">
</form>
Bu form, sayfamızda şöyle gürünecektir:
Yukarıdaki formda, kullanıcı adını, 7 karakterden fazla giremez. Html, bu kısıtlama için, kullanıcıyı uyaracak bir özelik içermez. Bu yüzden, bu kısıtlama bir javascript kodu ile kullancıya bildirilebilir.
Bir sonraki derste, HTML5 ile birlikte gelen özellikler üzerinde duracağız...
Hiç yorum yok:
Yorum Gönder