HTML <input> tag
contoh
Bentuk HTML sederhana yang berisi dua kotak input teks dan sebuah tombol submit:
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
Coba »
(Bawah halaman Anda dapat melihat lebih banyak contoh)
Dukungan Browser
Sebagian besar browser mendukung <input> tag.
Tag definisi dan petunjuk
<Input> tag menentukan pengguna dapat memasuki bidang di mana input data.
<Input> elemen dalam <form> elemen digunakan untuk menyatakan memungkinkan pengguna untuk memasukkan kontrol input data.
field input dapat diubah dengan berbagai cara, tergantung pada jenis atribut.
Tips dan Catatan
Catatan: <input> elemen kosong, hanya berisi atribut tag.
Tip: Anda dapat menggunakan <label> untuk menentukan label <input> elemen elemen.
Perbedaan antara HTML 4.01 dan HTML5
Dalam HTML 4.01, "menyelaraskan" data yang tidak lagi digunakan. atribut ini tidak didukung di HTML5. Anda dapat menentukan keselarasan dari <input> elemen menggunakan CSS.
Dalam HTML5, <input> menambahkan beberapa properti, dan menambahkan nilai yang sesuai.
Perbedaan antara HTML dan XHTML
Dalam HTML, <input> tag tidak memiliki tag akhir.
Dalam XHTML, <input> tag harus ditutup dengan benar.
milik
Baru: HTML5 tag baru.
| milik | nilai | deskripsi |
|---|---|---|
| menerima | audio / * video / * image / * MIME_TYPE | Jenis menentukan dengan file upload untuk menyerahkan dokumen. (Hanya untuk type = "file") |
| meluruskan | kiri kanan atas bawah tengah | HTML5 usang, usang. Yang telah ditentukan alignment gambar input. (Hanya untuk type = "image") |
| alt | teks | Tentukan input teks alternatif gambar. (Hanya untuk type = "image") |
| AutoComplete New | pada off | atribut autocomplete menentukan <input> elemen field input apakah Anda harus mengaktifkan auto-completion. |
| The autofocus Baru | autofocus | Atribut menentukan ketika beban halaman <input> elemen harus secara otomatis mendapatkan fokus. |
| diperiksa | diperiksa | Atribut menspesifikasikan diperiksa ketika beban halaman harus pra-dipilih <input> elemen. (Hanya untuk type = "checkbox" atau type = "radio") |
| cacat | cacat | Ketentuan properti cacat harus dinonaktifkan <input> elemen. |
| membentuk New | form_id | bentuk atribut menentukan <input> elemen dalam bentuk satu atau lebih milik. |
| formaction New | URL | Atribut URL menentukan proses input kontrol ketika bentuk pengiriman. (Hanya untuk type = "submit" dan ketik = "image") |
| formenctype New | aplikasi / x-www-form-urlencoded multipart / form-data text / plain | Atribut menentukan kapan formulir dikirimkan ke server cara untuk mengkodekan data (hanya untuk type = "submit" dan ketik = "image"). |
| formmethod New | mendapatkan posting | Mendefinisikan Kirim data formulir ke URL aksi metode HTTP. (Hanya untuk type = "submit" dan ketik = "image") |
| formnovalidate New | formnovalidate | menimpa formnovalidate properti <form> atribut novalidate elemen. |
| formtarget New | _blank _self _parent _top framename | Setelah mengirimkan formulir yang ditentukan menunjukkan di mana menampilkan nama respon yang diterima atau kata kunci. (Hanya untuk type = "submit" dan ketik = "image") |
| ketinggian New | piksel | Ketentuan <input> tinggi elemen. (Hanya untuk type = "image") |
| Daftar Baru | datalist_id | referensi properti <datalist> elemen, yang berisi pilihan standar <input> elemen. |
| MAX New | tanggal jumlah | Atribut menentukan <input> elemen maksimum. |
| maxlength | jumlah | Atribut menentukan <input> elemen jumlah maksimum karakter yang diizinkan. |
| min New | tanggal jumlah | Atribut menentukan <input> elemen minimum. |
| beberapa New | kelipatan | Atribut menentukan memungkinkan pengguna untuk memasukkan beberapa nilai <input> elemen. |
| nama | teks | Atribut nama menentukan <input> nama elemen. |
| pola Baru | regexp | Atribut menentukan pola yang digunakan untuk memvalidasi <input> unsur nilai ekspresi reguler. |
| placeholder New | teks | Atribut placeholder menyediakan deskripsi singkat dari masukan pesan <input> lapangan adalah nilai yang diharapkan. |
| dibaca | dibaca | atribut readonly menentukan field input adalah read-only. |
| diperlukan New | wajib | Atribut menentukan field input harus diisi sebelum mengirimkan formulir. |
| ukuran | jumlah | Atribut lebar terlihat menentukan ukuran dalam hal jumlah karakter <input> elemen. |
| src | URL | atribut src menentukan URL tombol ditampilkan sebagai gambar kirimkan. (Hanya untuk type = "image") |
| LANGKAH New | jumlah | Langkah atribut menentukan digital <input> Interval unsur hukum. |
| jenis | tombol checkbox warna tanggal datetime datetime-lokal berkas tersembunyi gambar bulan jumlah kata sandi radio jarak ulang pencarian menyerahkan tel teks waktu url minggu | <Input> Atribut type menentukan jenis elemen yang ingin ditampilkan. |
| nilai | teks | Menentukan <input> nilai elemen nilai. |
| lebar Baru | piksel | Atribut menentukan lebar <input> elemen lebar. (Hanya untuk type = "image") |
Properti global
<Input> tag mendukung atribut global, melihat menyelesaikan lembar properti HTML Atribut global .
Properti acara
<Input> tag mendukung semua atribut event HTML .