ana_sayfa / html5 / formlar
</> HTML5 📊 İleri ⏱ 30 dk 📋 1 Kod Örneği

Formlar

Form oluşturma, input türleri, button ve textarea kullanımı.

Formlar kullanıcıdan veri almak için kullanılır. Kayıt, giriş, iletişim sayfaları hep form kullanır.

action ve method Nedir?

action formun gönderileceği sayfayı, method gönderme yöntemini belirtir. GET veriyi URL'e ekler, POST gizli gönderir.

HTML
<form action="gonder.php" method="POST">

    <!-- Metin kutusu -->
    <label for="isim">Ad Soyad:</label>
    <input type="text" id="isim" name="isim" placeholder="Adınızı girin" required>

    <!-- Email -->
    <label for="eposta">E-posta:</label>
    <input type="email" id="eposta" name="eposta" required>

    <!-- Şifre -->
    <label for="sifre">Şifre:</label>
    <input type="password" id="sifre" name="sifre" minlength="8">

    <!-- Seçim kutusu -->
    <label for="sehir">Şehir:</label>
    <select id="sehir" name="sehir">
        <option value="">Seçin...</option>
        <option value="ankara">Ankara</option>
        <option value="istanbul">İstanbul</option>
    </select>

    <!-- Çok satırlı metin -->
    <label for="mesaj">Mesaj:</label>
    <textarea id="mesaj" name="mesaj" rows="4" placeholder="Mesajınız..."></textarea>

    <!-- Onay kutusu -->
    <input type="checkbox" id="kabul" name="kabul">
    <label for="kabul">Şartları kabul ediyorum</label>

    <!-- Gönder butonu -->
    <button type="submit">Gönder</button>

</form>
CANLI ÖNİZLEME
  • label ile input'u for/id eşleştirmesiyle bağlamak erişilebilirlik için çok önemlidir.
← Önceki Ders
Tablo Oluşturma
Sonraki Ders →
Semantik HTML5 Etiketleri