Ö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: