İlginizi Çekebilir
HTML Renk Kodları

HTML Form Etiketi

HTML Form Etiketi

Form etiketleri, adından da anlaşılacağı gibi kullanıcıdan veri girişi alan form oluşumlarıdır. Çeşitli metin kutuları, butonlar, işaretleme kutucukları gibi öğeleri içinde barındırır.
Aşağıda HTML Form etiketi hakkında bilmeniz gereken bütün etiketler bulunmakta.

<form>Formu oluşturan temel etikettir. <legend>Öğe grupları için başlık oluşturur
<input>Kullanıcıdan veri girişini kontrol eder. <select>Form içerisinde açılır liste oluşturur.
<textarea>Metin giriş kutusudur. <optgroup>Açılır listede ilgili seçenekler tanımlar.
<label>Form üzerinde metin etiketi oluşturur. <option>Açılır listede seçenek tanımlar.
<fieldset>Öğeleri form içerisinde gruplara ayırır. <button>Form içerisinde buton oluşturur.

 

HTML Form Etiketi örnekleri

Örneklerle birlikte form etiketlerinin kullanımı ve nasıl oluşturulduğuna ayrıntılı bir şekilde bakalım.

Basit bir kullanıcı adı – şifre formu oluşturalım.

HTML Form Etiketi
 

Cinsiyet seçimi için bir radio buton oluşturalım

HTML Form Etiketi
 

Onay kutucuğu bulunan bir checkbox oluşturalım

HTML Form Etiketi
 

Metin girişi ve açılır penceresi bulunan bir form oluşturalım

HTML Form Etiketi
 

Radiobox, chechbox gibi çeşitli fonksiyonlar bulunan bir örnek yapalım

HTML Form Etiketi
 

Radio buton, check box gibi öğelerin bulunduğu örnek

HTML Form Etiketi

Yorum Yap

Yorum Yap