Tutorial HTML <input> tag Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Tag definisi dan petunjuk,Tips dan Catatan,Perbedaan antara HTML 4.01 dan HTML5,Perbedaan antara HTML dan XHTML,milik,Properti global,Properti acara,
Bentuk HTML sederhana yang berisi dua kotak input teks dan sebuah tombol submit:
Sebagian besar browser mendukung <input> tag.
<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.
Catatan: <input> elemen kosong, hanya berisi atribut tag.
Tip: Anda dapat menggunakan <label> untuk menentukan label <input> elemen elemen.
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.
Dalam HTML, <input> tag tidak memiliki tag akhir.
Dalam XHTML, <input> tag harus ditutup dengan benar.
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") |
<Input> tag mendukung atribut global, melihat menyelesaikan lembar properti HTML Atribut global .
<Input> tag mendukung semua atribut event HTML .