HTML'de Form Kullanımı

Bir çok site gördüğünüz formlar, HTML'in ve site tasarlamanın en önemli konularından biridir. Form etiketlerinin asıl amacı, son kullanıcıdan form bilgileri almak ve işlemek.
Bir siteye giriş yaparken, bir sipariş verirken neredeyse tüm etkileşimlerde formlar kullanılmaktadır.

<form> etiketi içerisinde birçok form etiketi mevcuttur. <input>, çok satırlı bilgiler için <textarea>, liste için <select>, birden fazla seçim için checkbox, birden fazla değerde tek seçim için radio etiketleri kullanılır. 

Hemen küçük bir deneme yapalım.

<form action="" method="post">
        
    <input type="text" name="kullanici_adi" id="kadi"> <br>
    <input type="password" name="sifre" id="sifre"> <br>
    <button type="submit">Giriş yap</button>
        
</form>

Çıktısı ise şöyle gözükecektir;

<form> Etiketi Hangi Parametreleri Alır?

Yukarıda yapıtğımız örnekteki gibi action="" ve method="post" olmak üzere iki adet önemli parametre/değer alır. Peki nedir bunlar?

  • method="" - Hangi metod kullanılarak form değerleri iletileceği belirlenir.
  • action="" - Form bilgilerinin hangi adrese gönderileceği belirlenir.

POST ile gönderilen formlar URL dediğimiz tarayıcıdaki adres satırında gözükmez değer olarak. Ancak biz bunu post değilde GET olarak belirleseydik o zaman yazılan değerler form gönderildiğinde adres çubuğunda gözükecekti.

Şimdilik action ve method kısmına çok takılmayın. Henüz PHP dilini bilmediğiniz için GET,POST gibi şeyler kafanızı karıştırır.

Şimdilik form hakkında anlatacaklarım bu kadar. Bir sonraki derste <form> etiketi içine ne tür veri tipleri ekleyebilirz onları göreceğiz.

Sorular (0)