Akıcı HTML Dersleri - Formlar Bölüm 2 (İnput Etiketi)

քɦօɛռɨӼ ɖɨʐǟʏռ

735

Yorumu Paylaş

FORMLAR

<input> Etiketi
<input> etiketi form içerisinde bilgi almak için kullanılan etikettir. Hangi veri türünde girişin yapılacağını burada kullanılan type elemanı belirlemektedir. Type elemanının varsayılan değeri text(metin) olmakla birlikte belirtilecek olan(text, password, checkbox, radio,submit, reset gibi) farklı değerleri de alabilir. <input> etiketinin sonlandırıcı etiketi bulunmaz yani bu etiket kapatılmaz.

Kullanımı:
<INPUT ALIGN=tip [CHECKED] MAXLENGTH=uzunluk NAME=isim SIZE=boyut SRC=adres TYPE=tip VALUE=değer>

<input> etiketi ile kullanılacak parametreleri aşağıdan inceleyebilirsiniz.

TYPE = Girilecek olan elemanın türünü belirtmek için kullanılır.
SRC = Eğer bir resim dosyası kullanılmışsa görüntülenmesi istenilen resim dosyasının adresini belirtmek için kullanılır.
ALIGN = Type parametresi ile tanımlanmış olan elemanın sayfada konumlanacağı yeri belirlemek için kullanılır(left, right, center).
NAME = Girilecek olan verinin değişken ismini belirlemek için kullanılır.
MAXLENGTH = Girilecek olan verinin en fazla kaç karakterden oluşacağını belirlemek için kullanılır.
SIZE = Metin kutusunun boyutunu (genişliğini) belirlemek için kullanılır.Hiçbir rakam belirtilmediği takdirde varsayılan değeri 20’dir.
CHECKED = Bir seçim kutusu kullanıldığı durumlarda nu kutuların işaretlenmiş olarak görüntülenmesini sağlamak için kullanılır. Sadece “radio” ve “checkbox” elemanları için kullanılır.
DISABLED = Veri girişini engellemek için kullanılır.

Örnek:
Aşağıda <input> etiketinin kullanımı ile ilgili örnek gösterilmiştir.

Kod:

<html>
 <head>
 <title>Form Oluşturma</title>
 </head>
 <body>
 <FORM METHOD="POST" ACTION="[email protected]" TARGET="_blank">
 <h3>Kullanıcı Bilgileri</h3>
 <p>TC Kimlik No:<INPUT TYPE="text" NAME="kimlikno"></p>
 <p>Soyadı:<INPUT TYPE="text" NAME="soyadi"></p>
 <p>Adı:<INPUT TYPE="text" NAME="adi"></p>
 <p>Görevi:<INPUT TYPE="text" NAME="gorevi"></p>
 </FORM>
 </body>
 </html>

Yukarıdaki kodları kaydedip çalıştırdığımızda tarayıcıdaki görüntü aşağıdaki şekilde olacaktır.

Ekran Görüntüsü (Kodların Çıktısı)
[Resim: s1Y8D4.png]

Bölüm 2 bu kadardır.Diğer dersimizde Formlar kategorisi altında Form Nesnelerinin etiketlerini anlatacağım.
Anlamadığınız yerleri yorum olarak belirtirseniz sevinirim.İyi Okumalar Gülümse