En son web geliştirme öğreticiler
 

HTML <form> Tag


Örnek

İki giriş alanları ve bir gönderme düğmesini ile bir HTML formu:

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

<form> etiketi kullanıcı girişi için bir HTML formu oluşturmak için kullanılır.

<form> öğesi aşağıdaki şekilde elemanların bir veya daha fazlasını içerebilir:


Tarayıcı Desteği

Eleman
<form> Evet Evet Evet Evet Evet

HTML 4.01 ve HTML5 Arasındaki Farklar

HTML5 iki yeni özelliklerini ekledi: autocomplete ve novalidate ve removed accept niteliğini.


HTML ve XHTML Arasındaki Farklar

XHTML olarak, name özniteliği kullanımdan kaldırılmıştır. bunun yerine küresel id özelliğini kullanın.


Nitelikler

= HTML5'teki Yeni.

nitelik değer Açıklama
accept file_type HTML5 desteklenmez.
Sunucu kabul dosya türlerinin virgülle ayrılmış listesini (bu dosya yükleme ile gönderilen edilebilir) belirtir
accept-charset character_set Hangi karakter kodlamaları Form gönderme işlemi için kullanılacak belirtir
action URL Bir form gönderildiğinde form-data gönderileceği yeri belirler
autocomplete on
off
Bir form veya kapatmak otomatik tamamlama sahip belirtir
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Form-data sunucuya gönderilirken kodlanmış nasıl olması gerektiği belirtir (only for method="post" )
method get
post
form verilerini gönderirken kullanılacak HTTP yöntemini belirtir
name text Bir formun adını belirtir
novalidate novalidate gönderirken formu valide edilmemesi gerektiğini belirtir
target _blank
_self
_parent
_top
formu gönderdikten sonra alındığı yanıtını nerede gösterilecek belirtir

Küresel Nitelikler

<form> etiketi de destekliyor Küresel HTML Özellikleri .


Olay Nitelikler

<form> etiketi de destekler Olay HTML Özellikleri .


it Yourself deneyin - Örnekler

Onay kutuları Formu
iki onay kutularını bir form ve bir gönderme düğmesi.

RadioButtons ile Form
iki radyo düğmeleri ile bir form ve bir gönderme düğmesi.


İlgili Sayfalar

HTML öğretici: HTML Formları ve Giriş

HTML DOM referansı: Form Nesnesi

CSS Eğitimi: Şekillendirme Formları


Varsayılan CSS Ayarları

Çoğu tarayıcı gösterecektir <form> aşağıdaki varsayılan değerlerle eleman:

Örnek

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