menyelesaikan form html
erikut ini adalah contoh lengkap sebuah formulir HTML yang mencakup beberapa jenis elemen formulir yang telah dibahas sebelumnya:
html
Copy code
<form action="/proses-data" method="post">
<label for="name">Nama:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="gender">Jenis Kelamin:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Laki-laki</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Perempuan</label>
<label for="country">Negara:</label>
<select id="country" name="country" required>
<option value="">Pilih Negara</option>
<option value="id">Indonesia</option>
<option value="us">Amerika Serikat</option>
<option value="jp">Jepang</option>
</select>
<label for="message">Pesan:</label>
<textarea id="message" name="message" rows="4" cols="40"></textarea>
<input type="checkbox" id="agree" name="agree" required>
<label for="agree">Saya setuju dengan syarat dan ketentuan.</label>
<button type="submit">Kirim</button>
</form>
Pada contoh di atas, formulir menggunakan metode POST dan mengarahkan aksi (action) ke /proses-data. Formulir mencakup beberapa elemen seperti bidang teks (<input type="text">), email (<input type="email">), tombol radio (<input type="radio">), dropdown (<select>) dengan opsi-opsi, area teks (<textarea>), dan checkbox (<input type="checkbox">).
Beberapa atribut seperti required digunakan untuk menandai bahwa beberapa input diperlukan dan harus diisi sebelum mengirim formulir.
Terakhir, terdapat tombol "Kirim" (<button type="submit">) yang digunakan untuk mengirim data formulir ke server.
Pastikan untuk mengubah aksi (action) formulir ke endpoint yang sesuai dengan kebutuhan Anda dan melakukan validasi data yang diterima di sisi server.
