input Etiketi
input etiketi, HTML formunun çeşitli öğelerini oluşturur:
normal bir giriş alanı, şifre giriş alanı, onay kutusu (checkbox),
radyo düğmeleri (radio), düğme.
input etiketi, form
etiketi içinde bulunmalıdır. Bu, verilerin sunucuya gönderilmesi ve
ardından PHP aracılığıyla işlenmesi için zorunlu değildir, ancak gereklidir.
Kapanış etiketi gerektirmez.
Nitelikler
| Nitelik | Açıklama |
|---|---|
type |
Giriş alanının türünü belirtir. Seçenekler aşağıya bakın. |
value |
Giriş alanındaki varsayılan değer. Düğme söz konusu olduğunda, metnini belirler.
Ayrıntılar için value niteliğine bakın.
|
placeholder |
Giriş alanındaki ipucu, ayrıntılar için
placeholder niteliğine bakın.
|
name |
Giriş alanının adı. PHP'de giriş alanının verilerine ulaşmak için gereklidir. Formun doğru çalışması için giriş alanı adları birbirleriyle çakışmamalıdır (bir form içinde). Eğer çakışırsa - PHP'de HTML kodunda daha aşağıda bulunan giriş alanının verileri gelecektir. |
disabled |
Form öğesini (sadece input değil, hemen hemen herhangi bir öğeyi) engeller,
ayrıntılar için disabled niteliğine bakın.
|
type Niteliğinin Değerleri
| Değer | Açıklama |
|---|---|
text |
Normal bir metin giriş alanı oluşturur. |
password |
Şifre için bir metin giriş alanı oluşturur. İçine metin yazmayı deneyin - yıldız olarak görünecektir. |
checkbox |
Bir onay kutusu oluşturur.
Ayrıntılar için checkbox'a bakın.
|
radio |
Bir radyo düğmesi oluşturur.
Ayrıntılar için radio'a bakın.
|
hidden |
Ekranda görünmeyecek ancak value
niteliğinde bulunan verileri sunucuya gönderecek gizli bir input oluşturur.
|
button |
Bir düğme oluşturur. Bu düğmeye basmak
formu sunucuya göndermez. Bir bağlantı
içinde veya JavaScript aracılığıyla kullanılabilir.
Varsayılan olarak düğmenin metni yoktur (metinsiz düğme örneği: ),
metin value kullanılarak belirlenir.
Ayrıca düğme oluşturan button
etiketine de bakın.
|
submit |
Verileri sunucuya gönderecek bir düğme oluşturur.
Düğme metni tarayıcıya bağlıdır, value
kullanılarak değiştirilebilir.
Ayrıca düğme oluşturan button
etiketine de bakın.
|
reset |
Doldurulmuş formu temizleyen bir düğme oluşturur.
Düğme metni tarayıcıya bağlıdır, value
kullanılarak değiştirilebilir.
|
file |
Bir dosya seçme düğmesi oluşturur. Bu düğmenin tasarımını
CSS aracılığıyla değiştirmek yasaktır (ancak bunun için kurnaz yöntemler vardır).
Formunuzda böyle bir alana ihtiyacınız varsa, form
etiketi, değeri multipart/form-data olan enctype
niteliğine sahip olmalıdır.
|
HTML5'te type Niteliği İçin Yeni Değerler
Bu nitelik değerleri yenidir, sadece HTML5'te ortaya çıkmıştır, bu nedenle bazı tarayıcılarda çalışmayabilir veya farklı tarayıcılarda farklı şekilde çalışabilirler.
Tarayıcı type niteliğinin içeriğini anlayamazsa
(örneğin, desteklenmiyorsa veya hatalı girilmişse),
öğeyi type değeri text imiş gibi normal bir metin
input'u olarak değerlendirir.
Aşağıdaki örnekleri farklı tarayıcılarda deneyin.
Input'lara metin girmeyi ve gönderme düğmesine tıklamayı deneyin.
Eğer metin geçersizse veya alan boşsa - tarayıcı bir hata verecektir.
Örneğin, email tipindeki bir alana geçersiz bir email
girilirse - tarayıcı formun gönderilmesine izin vermez ve bir hata
mesajı gösterir (hata metni ve görünümü html css ile değiştirilemez).
Eğer alan boşsa - tarayıcı yine hata verecektir, bu,
required niteliği
kullanılarak sağlanır:
| Değer | Açıklama |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
