Contoh
Bentuk HTML dengan tiga field input; dua bidang teks dan satu tombol submit:
<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>
Cobalah sendiri " Definisi dan Penggunaan
The <input> tag menentukan sebuah field input di mana pengguna dapat memasukkan data.
<input> elemen yang digunakan dalam <form> elemen untuk menyatakan kontrol input yang memungkinkan pengguna untuk input data.
Field input dapat bervariasi dalam banyak cara, tergantung pada type atribut.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <input> | iya nih | iya nih | iya nih | iya nih | iya nih |
Tips dan Catatan
Catatan: <input> elemen kosong, berisi atribut saja.
Tip: Gunakan <label> elemen menentukan label untuk <input> elemen.
Perbedaan Antara HTML 4.01 dan HTML5
The "align" atribut tidak didukung di HTML5.
Di HTML5, <input> tag memiliki beberapa atribut baru, dan type atribut memiliki beberapa nilai-nilai baru.
Perbedaan Antara HTML dan XHTML
Dalam HTML, <input> tag tidak memiliki tag akhir.
Dalam XHTML, yang <input> tag harus ditutup dengan benar, seperti ini <input /> .
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Menentukan jenis file yang server menerima (hanya untuk type="file" ) |
| align | left right top middle bottom | Tidak didukung di HTML5. Menentukan penyelarasan masukan gambar (hanya untuk type="image" ) |
| alt | text | Menentukan teks alternatif untuk gambar (hanya untuk type="image" ) |
| autocomplete | on off | Menentukan apakah <input> elemen harus autocomplete diaktifkan |
| autofocus | autofocus | Menentukan bahwa <input> elemen harus secara otomatis mendapatkan fokus ketika beban halaman |
| checked | checked | Menentukan bahwa <input> elemen harus pra-dipilih ketika beban halaman (untuk type="checkbox" atau type="radio" ) |
| dirname | inputname.dir | Menentukan bahwa arah teks akan diserahkan |
| disabled | disabled | Menentukan bahwa <input> elemen harus dinonaktifkan |
| form | form_id | Menentukan satu atau lebih bentuk yang <input> elemen milik |
| formaction | URL | Menentukan URL dari file yang akan memproses input kontrol ketika formulir dikirimkan (untuk type="submit" dan type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Menentukan bagaimana bentuk-data harus dikodekan ketika mengirimkan ke server (untuk type="submit" dan type="image" ) |
| formmethod | get post | Mendefinisikan metode HTTP untuk mengirimkan data ke URL tindakan (untuk type="submit" dan type="image" ) |
| formnovalidate | formnovalidate | Mendefinisikan bahwa unsur-unsur bentuk tidak harus divalidasi ketika diajukan |
| formtarget | _blank _self _parent _top framename | Menentukan di mana untuk menampilkan respon yang diterima setelah mengirimkan formulir (untuk type="submit" dan type="image" ) |
| height | pixels | Menentukan tinggi dari <input> elemen (hanya untuk type="image" ) |
| list | datalist_id | Mengacu pada <datalist> elemen yang berisi opsi yang telah ditetapkan untuk <input> elemen |
| max | number date | Menentukan nilai maksimum untuk <input> elemen |
| maxlength | number | Menentukan jumlah karakter maksimum yang diizinkan dalam <input> elemen |
| min | number date | Menentukan nilai minimum untuk <input> elemen |
| multiple | multiple | Menentukan bahwa pengguna dapat memasukkan lebih dari satu nilai dalam <input> elemen |
| name | text | Menentukan nama sebuah <input> elemen |
| pattern | regexp | Menentukan kalimat biasa bahwa <input> nilai elemen diperiksa terhadap |
| placeholder | text | Menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari sebuah <input> elemen |
| readonly | readonly | Menentukan bahwa medan input read-only |
| required | required | Menentukan bahwa field input harus diisi sebelum mengirimkan formulir |
| size | number | Menentukan lebar, dalam karakter, sebuah <input> elemen |
| src | URL | Menentukan URL gambar untuk digunakan sebagai tombol kirim (hanya untuk type="image" ) |
| step | number | Menentukan interval jumlah hukum untuk field input |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Menentukan jenis <input> elemen untuk menampilkan |
| value | text | Menentukan nilai sebuah <input> elemen |
| width | pixels | Menentukan lebar sebuah <input> elemen (hanya untuk type="image" ) |
Atribut global
The <input> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <input> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Tutorial HTML: Bentuk HTML
referensi HTML DOM:
- Masukan Tombol Object
- Masukan Checkbox Object
- Masukan Obyek Warna
- Masukan Tanggal Object
- Masukan Datetime Object
- Masukan Obyek DatetimeLocal
- Masukan Email Object
- Masukan FileUpload Object
- Masukan Obyek Tersembunyi
- Masukan Gambar Object
- Masukan Bulan Object
- Masukan Nomor Obyek
- Masukan Sandi Object
- Masukan Rentang Obyek
- Masukan Obyek Radio
- Masukan ulang Object
- Masukan Cari Object
- Masukan Kirim Object
- Input Teks Obyek
- Masukan Waktu Object
- Masukan URL Object
- Masukan Minggu Object
Pengaturan Default CSS
Tidak ada.