Form merupakan salah satu bagian HTML yang berperan penting dalam pengembangan Web. Form digunakan untuk interaksi antara user dengan server sehingga user dapat menyimpan data ke basis data. Beberapa hal yang berkaitan dengan form:
- Elemen HTML <form> mendefinisikan formulir yang digunakan untuk mengumpulkan input pengguna.
- Elemen <input> adalah elemen bentuk yang paling penting.
- Elemen <input> ditampilkan dalam beberapa cara, tergantung pada atribut type.
Untuk membuat form, kita dapat membuat form dengan menambahkan beberapa tag HTML yang memiliki fungsi input berbeda. Misalnya:
- Input Type Text
- Input Type Password
- Input Type Email
- Input Type Phone
- Input Type Radio
- Input Type Checkbox
- Input Type Date
- Input Type File
- Input Type Color
- Input Type Submit
- Input Type Reset
Berikut ini contoh kode untuk membuat form.
<!DOCTYPE html>
<html>
<body>
<h2>HTML Forms</h2>
<form action="">
<label for="username">Username:</label><br>
<input type="text" name="username" value=""><br><br>
<label for="password">Password:</label><br>
<input type="password" name="password" value=""><br><br>
<label for="nama">Nama Lengkap:</label><br>
<input type="text" name="nama" value=""><br><br>
<label for="email">Email:</label><br>
<input type="email" name="email" value=""><br><br>
<label for="gender">Jenis Kelamin:</label><br>
<input type="radio" name="gender" value="pria">
<label for="pria">Pria</label><br>
<input type="radio" name="gender" value="wanita">
<label for="wanita">Wanita</label><br><br>
<label for="Hobi">Hobi:</label><br>
<input type="checkbox" name="hobi" value="Musik">
<label for="Musik"> Musik</label><br>
<input type="checkbox" name="film" value="Film">
<label for="Film"> Film</label><br>
<input type="checkbox" name="renang" value="Renang">
<label for="Renang"> Renang</label><br>
<input type="checkbox" name="hiking" value="Hiking">
<label for="Hiking"> Naik Gunung</label><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Hasil dari kode tersebut yaitu sebagai berikut.