Örnek
Üç giriş alanları ile bir HTML formu; İki metin alanları ve bir Gönder düğmesi:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Kendin dene " Tanımı ve Kullanımı
<input> etiketi kullanıcı verilerini girebilir bir giriş alanı belirtir.
<input> elemanları içinde kullanılan <form> veri girişi kullanıcılara izin girdi kontrolleri ilan etmek elemanı.
Bir giriş alanı bağlı olarak birçok şekilde değişebilir type özelliğinde.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <input> | Evet | Evet | Evet | Evet | Evet |
İpuçları ve Notlar
Note: <input> elemanı, bu özelliklerini boş yalnızca içerir.
Tip: kullan <label> etiketleri tanımlamak için eleman <input> elemanları.
HTML 4.01 ve HTML5 Arasındaki Farklar
"align" niteliği HTML5 desteklenmez.
HTML5'de <input> etiketi birçok yeni özelliklere sahiptir ve type özellik birçok yeni değerleri vardır.
HTML ve XHTML Arasındaki Farklar
HTML'de, <input> etiketi bitiş etiketi yok.
XHTML olarak, <input> etiketi düzgün böyle, kapalı olmalıdır <input /> .
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Sunucu kabul dosya türlerini belirtir (only for type="file" ) |
| align | left right top middle bottom | HTML5 desteklenmez. Bir görüntü girişi hizalanmasını belirler (only for type="image" ) |
| alt | text | Görüntüler için bir alternatif metin belirtir (only for type="image" ) |
| autocomplete | on off | Bir belirtir <input> öğesi otomatik tamamlama etkinleştirilmiş olmalı |
| autofocus | autofocus | Bir belirtir <input> öğesi otomatik olarak almak Sayfa yüklendiğinde odaklanmalıdır |
| checked | checked | Belirtir dair bir <input> öğesi önceden seçilmelidir sayfa yüklendiğinde (for type="checkbox" or type="radio" ) |
| dirname | inputname .dir | Metin yönü sunulacaktır belirtir |
| disabled | disabled | Bir belirtir <input> elemanı devre dışı bırakılmalıdır |
| form | form_id | Bir veya daha fazla form belirtir <input> elemanı ait olduğu |
| formaction | URL | Form gönderildiğinde girdi denetimi işleyecek dosyanın URL'sini belirtir (for type="submit" and type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Sunucuya gönderilirken form-data kodlanmış nasıl olması gerektiği belirtir (for type="submit" and type="image" ) |
| formmethod | get post | Eylem URL'ye veri göndermek için HTTP yöntemi tanımlar (for type="submit" and type="image" ) |
| formnovalidate | formnovalidate | gönderirken form elemanları valide edilmemesi gerektiğini tanımlar |
| formtarget | _blank _self _parent _top framename | Formu gönderdikten sonra alındığı yanıtını nerede gösterilecek belirtir (for type="submit" and type="image" ) |
| height | pixels | Bir yüksekliğini belirtir <input> elemanı (only for type="image" ) |
| list | datalist_id | Bir belirtir <datalist> bir için önceden tanımlanmış seçenekleri içerir elemanı <input> elemanı |
| max | number date | Bir için maksimum değeri belirtir <input> elemanı |
| maxlength | number | Maksimum karakter sayısı bir izin belirtir <input> elemanı |
| min | number date | Bir için minimum değeri belirtir <input> elemanı |
| multiple | multiple | Bir kullanıcı bir birden fazla değer girebilirsiniz belirtir <input> elemanı |
| name | text | Bir adını belirtir <input> elemanı |
| pattern | regexp | Bir o normal bir ifade belirtir <input> öğenin değeri karşı kontrol edilir |
| placeholder | text | Bir beklenen değerini açıklayan kısa ipucu belirtir <input> elemanı |
| readonly | readonly | Bir giriş alanı olduğu salt okunur belirtir |
| required | required | Bir giriş alanı formu göndermeden önce doldurulması gerekir belirtir |
| size | number | Bir karakter genişliği, belirtir <input> elemanının |
| src | URL | Görüntünün URL göndermek düğmesi olarak kullanmak belirtir (sadece type="image" ) |
| step | number | Bir giriş alanı için yasal numara aralıklarını belirler |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Tipi belirtir <input> öğesi gösterilecek |
| value | text | Bir değerini belirtir <input> elemanı |
| width | pixels | Bir genişliğini belirtir <input> elemanı (only for type="image" ) |
Küresel Nitelikler
<input> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<input> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML öğretici: HTML Formları
HTML DOM referansı:
- Girdi Düğme Nesne
- Girdi Onay Kutusu Nesnesi
- Girdi Renk Nesne
- Girdi Tarihi Nesne
- Girdi Datetime Nesne
- Girdi DatetimeLocal Nesne
- Girdi-posta Nesnesi
- Girdi FileUpload Nesnesi
- Girdi Gizli Nesne
- Girdi Görüntü Nesnesi
- Girdi Ay Nesne
- Girdi Numarası Nesne
- Girdi Şifre Nesne
- Giriş Aralığı Nesne
- Girdi Radyo Nesne
- Girdi Sıfırlama Nesne
- Girdi Arama Nesne
- Girdi Nesne Gönder
- Giriş Metin Nesnesi
- Girdi Saat Nesnesi
- Giriş URL Nesne
- Girdi Hafta Nesne
Varsayılan CSS Ayarları
Yok.