Input type

Jenis masukan

Bab ini menjelaskan jenis masukan dari <input> elemen.
Input Type: text
<input type = "text"> mendefinisikan input lapangan satu-line untuk input teks:
contoh
<form>
Nama depan: <br>
<input type = "text" name = "nama depan">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Nama depan:
Nama terakhir:
Input Type: password
<input type = "password"> mendefinisikan field kata sandi:
contoh
<form>
Nama Pengguna: <br>
<input type = "text" name = "username">
Situs
User password: <br>
<input type = "password" name = "psw">
</ form>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Nama depan:
Sandi:
Catatan Karakter dalam bidang password bertopeng (ditampilkan sebagai tanda bintang atau lingkaran).
Input Type: submit
<input type = "submit"> mendefinisikan tombol untuk mengirimkan formulir masukan ke bentuk-handler.
Bentuk-handler biasanya halaman server dengan script untuk memproses input data.
Bentuk-handler yang ditetapkan dalam aksi atribut form:
contoh
<form action = "action_page.php">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "Mickey">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang" value = "Mouse">
<br>
<input type = "submit" value = "Submit">
</ form>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Nama depan:
Nama belakang:
Jika Anda menghilangkan tombol submit yang nilai atribut, tombol akan mendapatkan teks default:
contoh
<form action = "action_page.php">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "Mickey">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang" value = "Mouse">
<br>
<input type = "submit">
</ form>
Input Type: radio
<input type = "radio"> mendefinisikan tombol radio.
Tombol radio membiarkan pengguna memilih HANYA SATU dari sejumlah pilihan:
contoh
<form>
<input type = "radio" name = "sex" value = "laki-laki" dicentang> Pria
Situs
<input type = "radio" name = "sex" value = "perempuan"> Wanita
</ form>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
laki-laki
perempuan
Input Type: checkbox
<input type = "checkbox"> mendefinisikan sebuah kotak centang.

Checkbox membiarkan pengguna memilih ZERO atau LEBIH pilihan dari sejumlah pilihan.
contoh
<form>
<input type = "checkbox" name = "kendaraan" value = "Sepeda"> Saya punya sepeda
Situs
<input type = "checkbox" name = "kendaraan" value = "Mobil"> aku punya mobil
</ form>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Saya memiliki sepeda
Saya memiliki mobil
Input Type: tombol
<input type = "button> mendefinisikan tombol:
contoh
<input type = "button" onclick = "alert ('Hello World!") "value =" Klik Me! ">
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Jenis input HTML5
HTML5 menambahkan beberapa jenis masukan baru:

    warna
     tanggal
     datetime
     datetime lokal
     email
     bulan
     nomor
     jarak
     pencarian
     tel
     waktu
     url
     minggu