HTML Form öğeleri

Admin

----
Yönetici
Yönetim
Katılım
3 Ağu 2019
Mesajlar
45
Reaction score
2
Bu yazıda HTML'de form öğeleri açıklanmaktadır.

Form öğerleri listesi:
  • <form>
  • <input>
  • <textarea>
  • <label>
  • <fieldset>
  • <legend>
  • <select>
  • <optgroup>
  • <option>
  • <button>
  • <datalist>
  • <output>

<form> etiketi HTML'de kullanıcı giriş alanları içeren bir form oluşturmanızı sağlar. Kullanıcının giriş yapacağı bilgileri tutan ana öğe form etiketidir.

HTML:
<form>

<textarea rows="4" cols="50"></textarea>

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

</form>


<input> etiketi tek satırlık kısa metinler için giriş alanı oluşturmanızı sağlar. Formunuza, isim,parola,e-posta gibi alanları <input> öğesini kullanarak ekleyebilirsiniz.

HTML:
<form>

İsminiz :<br />
<input type="text" /><br />

Mesajınız:<br />
<textarea rows="4" cols="50"></textarea><br />

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

</form>
Yukarıdaki form kodunun çıktısı aşağıdaki gibi olacaktır.
Yukarıdaki form konun çıktısı aşağıdaki gibi olacaktır.



<textarea> etiketi uzun ve çok satırlı metin alanları oluşturmanızı sağlar. Formunuza mesaj, hakkında, öz geçmiş gibi alanları <textarea> öğesi ile ekleyebilirsiniz.

HTML:
<form>

İsminiz :
<input type="text">

Mesajınız:
<textarea rows="4" cols="50">Ben Ahmet KENDİNDE, Ankara doğumlu ve 29 yaşındayım. Orta Doğu Teknik Üniversitesi, Elektrik ve Elektronik bölümü mezunuyum. Şuanda İstanbul'da özel bir Elektrik malzemeleri üreten bir fabrikanın AR-GE bölümünde şef olarak çalışmaktayım.</textarea>

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

</form>

<label> etiketi kullanıcının girişi için özel bir şey oluşturmaz ve fakat diğer oluşturduğunuz alanlara etiket yada tanımlama yazısı ekleyebileceğiniz alanlar oluşturur. Aşağıdaki örnekte kullanımını daha iyi görebilirsiniz.

HTML:
<form>
  <label for="male">İsminiz :</label>
    <input type="text" /><br />
  <input type="submit" value="Submit" />
</form>
 
Son düzenleme:
Üst