CodeBlanks Logo Icon CodeBlanks

Form iskeleti

HTML kursu · Başlangıç · Ders 52/68

<form> etiketi ve action/method öznitelikleriyle form iskeletini kurarsın.

Form nedir?

Bir form, kullanıcının girdiği verileri sunucuya gönderen HTML kabıdır. Giriş yapma, kayıt olma, arama ya da bülten aboneliği gibi işlerin temelinde bir form yatar.

Form <form> etiketiyle açılır, </form> ile kapatılır. İki temel özniteliği vardır: action verinin nereye gönderileceğini (bir URL), method ise nasıl gönderileceğini söyler. En sık kullanılan değerler get ve post'tur.

action ve method birlikte

action ve method birlikte çalışır. Örnek: <form action="/login" method="post">. Burada action form verisinin gönderileceği adresi, method ise gönderme biçimini söyler.

get veriyi URL'in sonuna ?anahtar=deger biçiminde ekler; arama formları için uygundur. post ise veriyi gövdede taşır; şifre ya da uzun içerik için tercih edilir. İçeriğe göre doğru olanı seçersin.

Uygulama Form iskeleti yaz

Body içine bir <form> ekle. action özniteliğine /submit, method özniteliğine post ver. Formun içine kısa bir yorum bırak; alanları sonraki derslerde ekleyeceğiz.

Örnek çözümü göster
<body>
  <form action="/submit" method="post">
    <!-- alanlar buraya -->
  </form>
</body>

Kendini test et

  1. Şifre gibi gizli verileri sunucuya gönderirken hangi method tercih edilir?

    • get
    • head
    • post
    • options
    Cevabı göster

    post — Doğru. post veriyi URL'de değil istek gövdesinde taşır; bu yüzden şifre gibi veriler için uygundur.

  2. Formu post ile gönder

    <form action="/kayit" ____>
      <!-- alanlar buraya -->
    </form>
    Cevabı göster
    <form action="/kayit" method="post">
      <!-- alanlar buraya -->
    </form>
  3. Etiketi rolüyle eşleştir

    <form>
    Form kabı
    action
    Verinin gideceği URL
    method
    Gönderme biçimi
    get
    Veriyi URL'e ekler

Başlangıç bölümündeki tüm dersler