HTML Formları ve Form Etiketleri | 2025 Basit Rehber

HTML Form Nedir?

<form> etiketi, kullanıcıdan veri almak için kullanılan HTML yapısıdır. Formlar, sunucuya veri göndermeye veya JavaScript ile etkileşim sağlamaya yarar. action ve method öznitelikleri ile birlikte kullanılır.

Temel Form Etiketleri

Gelişmiş Form Özellikleri

• <fieldset> ve <legend>: Form alanlarını gruplar ve başlık ekler.
• required: Alanın doldurulmasını zorunlu kılar.
• placeholder: Kullanıcıya rehber olacak metni gösterir.
• pattern: Giriş için özel bir doğrulama deseni uygular.
• autofocus: Sayfa yüklendiğinde otomatik odaklama sağlar.

Basit Form Örneği

<form action="/submit" method="post">
  <fieldset>
    <legend>Kullanıcı Bilgileri</legend>
    <label>Kullanıcı Adı:</label>
    <input type="text" name="username" placeholder="Kullanıcı adınızı girin" required>

    <label>Şifre:</label>
    <input type="password" name="password" required>

    <label>Şehir Seçin:</label>
    <select name="city">
      <option>Ankara</option>
      <option>İstanbul</option>
      <option>İzmir</option>
    </select>

    <button type="submit">Gönder</button>
  </fieldset>
</form>