HTML <form> etiketi

Tanım ve Kullanım

<form> Kullanıcı girişlerini almak için HTML formu oluşturmak için kullanılan etiket.

<form> Bir element, aşağıdaki bir veya daha fazla form elementi içerebilir:

Daha fazla bilgi için:

HTML Eğitimi:HTML Formlar ve Girişler

HTML DOM Kılavuzu:Form nesnesi

CSS Eğitimi: Form stilleri ayarla

Örnek

Örnek 1

İki giriş alanı ve bir gönderme düğmesi bulunan HTML formu:

<form action="/action_page.php" method="get">
  <label for="fname">İsim:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Soyadı:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Gönder">
</form>

Kişisel olarak deneyin

Örnek 2

İçerik kutusu bulunan HTML formu:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">Ben bir bisikletim var</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">Ben bir arabam var</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">Ben bir gemim var</label><br><br>
  <input type="submit" value="Gönder">
</form>

Kişisel olarak deneyin

Örnek 3

Tek seçenekli HTML formu:

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Gönder">
</form>

Kişisel olarak deneyin

Özellik

Özellik Değer Açıklama
accept-charset Karakter kümesi Form gönderilirken kullanılacak karakter kodlamasını belirler.
action URL Formun gönderilirken form verilerinin nereye gönderileceğini belirler.
autocomplete
  • on
  • off
 Formun otomatik tamamlama özelliğinin etkin olup olmayacağını belirler.
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Form verilerini sunucuya gönderirken form verilerinin nasıl kodlanacağını belirler.
method
  • get
  • post
 Form verilerini gönderirken kullanılacak HTTP yöntemini belirler.
name Metin Formun adını belirler.
novalidate novalidate Formu gönderirken formun doğrulanmamasını sağlar.
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 Bağlantı kaynağı ile mevcut belge arasındaki ilişkiyi belirler.
target
  • _blank
  • _self
  • _parent
  • _top
 Gönderilen formdan sonra alınan yanıtı nerede gösterileceğini belirler.

genel özellikler

<form> etiketler destekler HTML'deki genel özellikler。

olay özellikleri

<form> etiketler destekler HTML'deki olay özellikleri。

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecek <form> Element:

form {
  display: block;
  margin-top: 0em;
}

Kişisel olarak deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek