Form
tag <Form> pada HTML digunakan untuk mengumpulkan input pengguna. Input pengguna nanti nya akan dikirim ke server untuk diproses.
Elemen <form>
Elemen HTML <form>digunakan untuk membuat formulir pada HTML yang nanti akan membungkus elemen input pengguna:
<form>.form elements.</form>tag <form> adalah wadah untuk berbagai jenis elemen input, seperti: text, checkboxes, radio buttons, submit buttons, dll.
Elemen <input>
Elemen HTML <input> adalah elemen form yang paling banyak digunakan.
Sebuah <input>elemen dapat ditampilkan dalam banyak cara, tergantung pada type atributnya.
Berikut beberapa contohnya:
| Type | Description |
|---|---|
<input type="text"> | Menampilkan input bertype text |
<input type="radio"> | Manampilkan radio button (untuk memilih satu dari banyak pilihan) |
<input type="checkbox"> | Menampilkan checkbox (untuk memilih satu atau banyak dari pilihan yang disediakan) |
<input type="submit"> | Manampilkan button submit (untuk mengirimkan form kenapa server) |
<input type="button"> | Menampilkan button |
Input bertype text
<input type="text"> Mendefinisikan input bertype text.
<form><label for="nama">Nama:</label><br><input type="text" id="fname" name="nama"><br><label for="umur">Umur:</label><br><input type="text" id="umur" name="umur"></form>Elemen <label>
Tag <label> mendefinisikan label untuk banyak elemen bentuk.
Atribut for pada tag <label>harus sama dengan atribut id pada elemen<input> untuk mengikatnya.
Radio Buttons
<input type="radio">Mendefinisikan Radio Buttons.
Tombol radio memungkinkan pengguna memilih salah satu dari sejumlah pilihan yang disediakan.
<p>Pilih bahasa pemrograman favorit kalian:</p>
<form><input type="radio" id="html" name="fav_language" value="HTML"><label for="html">HTML</label><br><input type="radio" id="css" name="fav_language" value="CSS"><label for="css">CSS</label><br><input type="radio" id="javascript" name="fav_language" value="JavaScript"><label for="javascript">JavaScript</label></form>#Checkbox
<input type="checkbox">Mendefinisikan Checkbox .
Checkbox memungkinkan pengguna untuk tidak memilih atau memilih lebih dari satu pilihan yang disedikan.
<form><input type="checkbox" id="vehicle1" name="vehicle1" value="Sepeda"><label for="vehicle1"> Saya memakai sepeda</label><br><input type="checkbox" id="vehicle2" name="vehicle2" value="Mobil"><label for="vehicle2"> Saya memakai mobil</label><br><input type="checkbox" id="vehicle3" name="vehicle3" value="Motor"><label for="vehicle3"> Saya memakai motor</label></form>Submit Button
<input type="submit"> Mendefinisikan Button untuk mengirimkan data yang sudah disisi ke tujuan yang sudah ditentukan.
Form-handler biasanya berupa file di server dengan skrip untuk memproses data input.
Form-handler ditentukan dalam action atribut form.
<form action="/action_page.php"><label for="fname">First name:</label><br><input type="text" id="fname" name="fname" value="John"><br><label for="lname">Last name:</label><br><input type="text" id="lname" name="lname" value="Doe"><br><br><input type="submit" value="Submit"></form>