Berikut adalah contoh pembuatan formulir sederhana dalam HTML menggunakan elemen <form>:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Formulir Pendaftaran</h1>
<form>
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="Daftar">
</form>
</body>
</html>Dalam contoh di atas, <form> digunakan untuk membuat formulir. Setiap input diikuti oleh elemen <label> yang memberikan label atau deskripsi untuk input tersebut. Atribut for pada elemen <label> harus memiliki nilai yang sesuai dengan atribut id pada input terkait.
Berikut adalah beberapa elemen input yang digunakan dalam contoh tersebut:
<input type="text">: Digunakan untuk memasukkan teks.<input type="email">: Digunakan untuk memasukkan alamat email.<input type="password">: Digunakan untuk memasukkan kata sandi (ditampilkan sebagai karakter tersembunyi).<input type="submit">: Digunakan untuk mengirimkan formulir.
Atribut name pada setiap input digunakan untuk memberi nama kepada input tersebut, sehingga nantinya nilai yang dimasukkan dapat diakses menggunakan nama tersebut.
Dalam contoh di atas, formulir meminta pengguna untuk memasukkan nama, email, dan password. Tombol “Daftar” (<input type="submit">) digunakan untuk mengirimkan formulir.
Ketika formulir dikirim, Anda dapat memproses data yang dimasukkan menggunakan server-side scripting atau JavaScript, tergantung pada kebutuhan dan lingkungan pengembangan Anda.
