tutorial pengembangan web terbaru
 

HTML <input> Tag


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


Pengaturan Default CSS

Tidak ada.