HTML: Form Elementleri

HTML: Form Elementleri kullanımını öğrenelim.

HTML formu metin alanları, onay kutuları, radyo düğmeleri, gönderme düğmeleri ve daha fazlası gibi girdi unsurları içerebilir. Bir form ayrıca, textarea, alan kümesi, efsane ve etiket elemanları seçin listeleri içerebilir.

Form HTML kodumuz form Tagı ile kodlanır.

Kod:


<form>



Kullanım:

<form>



Form Elementlerimiz, Eklenecek alan.



</form>



Form Veri Giriş Elamanı - İnput

[*] En önemli form elemanı inputunsurdur.
[*] input Elemanı kullanıcı bilgileri seçmek için kullanılır.

Not:Bir input eleman türüne niteliği bağlı olarak, birçok yönden değişebilir. Bir input eleman türü metin alanının olabilir, onay kutusunu, şifre, radyo düğmesi, gönder düğmesine, ve daha fazlası.

En yaygın giriş türleri aşağıda örnek olarak verelim.

Örnek:

<form>

Adınız: <input type="text" name="adiniz"><br>

Soyadınız: <input type="text" name="soyadiniz">

</form>



HTML kodunu üzerinde bir Çıktısı:

<form>

Adınız: <input type="text" name="adiniz"><br>

Soyadınız: <input type="text" name="soyadiniz">

</form>



Not:Ayrıca bir metin alanının varsayılan genişliği 20 karakter olduğuna dikkat ediniz.

Form Veri Giriş Elamanı - Şifre - Password


<input type="password">



Örnek:

<form>

Şifreniz: <input type="password" name="sifre">

</form>



HTML kodunu üzerinde bir Çıktısı:

<form>

Şifreniz: <input type="password" name="sifre">

</form>



Not:Parola alanına rakamlar (yıldız veya daireler olarak gösterilerek) gizlenir.


Form Veri Giriş Elamanı - Radyo - radio Düğmesi

Radyo Düğmeleri

<input type="radio">


Bir radyo düğmesi onaylama ve doğrulama olarak ile kullanılır, aşağıdaki örneğimizde bize sorumuza tek cevap vermemizi istenmektedir.

Örnek:

<form>

<input type="radio" name="bay" value="bay">Bay<br>

<input type="radio" name="bayan" value="bayan">Bayan

</form>



HTML kodunu üzerinde bir Çıktısı:

<form>

<input type="radio" name="bay" value="bay">Bay<br>

<input type="radio" name="bayan" value="bayan">Bayan

</form>



Form Veri Giriş Elamanı - Checkboxes - checkbox (Onay Kutusu)

<input type="checkbox">


Onay kutusu kullanıcıların birden fazla onaylanması gereken verilerin, forum içerisinde kullanılarak sunulması.

Örnek:

<form>

<input type="checkbox" name="onyk1" value="dil">İngilizce Biliyorum<br>

<input type="checkbox" name="onyk1" value="sorgu">Sanalkurs.net Üyesiyim 

</form>



HTML kodunu üzerinde bir Çıktısı:

<form>

<input type="checkbox" name="onyk1" value="dil">İngilizce Biliyorum<br>

<input type="checkbox" name="onyk1" value="sorgu">Sanalkurs.net Üyesiyim 

</form>



Form Veri Giriş Elemanı - Submit - submit (Gönder Butonu)

<input type="submit">



Gönder düğmesi sunucuya form verilerini göndermek için kullanılır.

Örnek:

<form name="giris" action="gonder.php" method="get">

Kullanıcı Adınız: <input type="text" name="kullaniciadi">

<input type="submit" value="Gönder">

</form>



HTML kodunu üzerinde bir Çıktısı:

<form name="giris" action="gonder.php" method="get">

Kullanıcı Adınız: <input type="text" name="kullaniciadi">

<input type="submit" value="Gönder">

</form>

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git