Form Etiketi
Form etiketi HTML'de kullanıcıdan veri almak veya kullanıcıya veri göndermek için kullanılan bir yapısal etikettir. Web sayfalarında kullanıcı etkileşimi sağlamak ve kullanıcı tarafından girilen bilgileri almak için form etiketi kullanılır. Form etiketi içindeki elemanlar, kullanıcıdan alınan verileri sunucuya göndermek için kullanılır.
Kullanımı
Form etiketi, açılış etiketi <form> ve kapanış etiketi </form> şeklinde kullanılır. Form içeriği, kullanıcı tarafından girilen verileri temsil eden form elemanları ile oluşturulur.
<form action="/form-sunucusu" method="POST">
<!-- Form elemanları burada yer alacak -->
</form>Form Sunucusu
action özniteliği, formun gönderileceği hedef URL'yi (form sunucusunu) belirtir. Form verileri, belirtilen URL'ye gönderilir.
method özniteliği ise form verilerinin nasıl gönderileceğini belirtir. GET veya POST değerlerini alır. GET yöntemi, verilerin URL parametreleri olarak gönderilmesi için kullanılırken, POST yöntemi, verilerin HTTP isteği gövdesinde gönderilmesi için kullanılır.
Form Elemanları
Form etiketi içindeki form elemanları, kullanıcının veri girmesini sağlayan ve formun gönderileceği veriyi temsil eden yapısal etiketlerdir. Yaygın kullanılan form elemanları şunlardır:
<input>: Kullanıcının metin, parola, sayı vb. girmesini sağlar.<textarea>: Çok satırlı metin girişi sağlar.<select>: Bir seçenek listesi veya açılır menü sağlar.<checkbox>: Onay kutusu olarak bilinen bir seçim yapma elemanıdır.<radio>: Bir seçenek listesinde sadece tek bir seçeneğin seçilebileceği elemandır.<button>: Bir düğme oluşturur.
<form action="/form-sunucusu" method="POST">
<label for="isim">İsim:</label>
<input type="text" id="isim" name="isim" required>
<label for="email">E-posta:</label>
<input type="email" id="email" name="email" required>
<label for="mesaj">Mesajınız:</label>
<textarea id="mesaj" name="mesaj" required></textarea>
<input type="submit" value="Gönder">
</form>Yukarıdaki örnekte, kullanıcıdan isim, e-posta ve mesaj bilgilerini girmesi isteniyor.
required özniteliği ile zorunlu alanlar belirlenmiştir.
input elemanının type özniteliği, metin girişi için text, e-posta için email gibi farklı veri türlerini belirtir.
textarea elemanı, çok satırlı metin girişi için kullanılır.
submit düğmesi, formun gönderilmesini sağlar.
Form etiketi ve içerisindeki form elemanları, kullanıcıdan veri almak veya kullanıcıya veri göndermek için kullanılır. Form etiketi, web uygulamalarında kullanıcı etkileşimini sağlamak ve veri alışverişini yönetmek için önemli bir yapısal etikettir.
