HTML Jenis input

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>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

Ini adalah bagaimana kode HTML di atas akan ditampilkan dalam browser:

First name:


Last name:

 

Input Type: password

<Input type = "password"> mendefinisikan bidang sandi :

Contoh

<form>
User name:<br>
<input type="text" name="username">
<br>
User password:<br>
<input type="password" name="psw">
</form>

Keterangan : Karakter dalam bidang password bertopeng (ditampilkan sebagai tanda bintang atau lingkaran).

Input Type: submit

<Input type = "submit"> mendefinisikan tombol untuk mengirimkan form input ke bentuk-handler .

Bentuk-handler biasanya halaman server dengan script untuk memproses input data.

Bentuk-handler yang ditentukan dalam aksi atribut form:

Contoh

<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Johan Andy">
<br>

Last name:<br>
<input type="text" name="lastname" value="Agasi">
<br><br>
<input type="submit" value="Submit">
</form>

• Demo

Jika Anda menghilangkan tombol submit yang nilai atribut, tombol akan mendapatkan teks default:

Contoh

<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Johan">
<br>
Last name:<br>
<input type="text" name="lastname" value="Andy">
<br><br>
<input type="submit">
</form>

• Demo

 

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="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form>

• Demo

 

Input Type: checkbox

<Input type = "checkbox"> mendefinisikan sebuah kotak centang .

Checkbox membiarkan pengguna memilih ZERO atau LEBIH pilihan dari sejumlah pilihan.

Contoh

<form>
<input name="vehicle" type="checkbox" value="Nusa Mandiri" />Kampus saya Nusa Mandiri
<br />
<input name="vehicle" type="checkbox" value="BSI" />Kampus saya BSI
</form>

• Demo

 

Input Type: tombol

<Input type = "button> mendefinisikan sebuah tombol :

Contoh

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

• Demo