Formulir Dasar

Langkah 1: Tag <form>

Mulailah dengan menambahkan tag <form> di dalam dokumen HTML Anda. Ini akan menjadi wadah untuk semua elemen formulir Anda. Anda perlu menentukan atribut action yang akan mengarahkan ke URL tempat data formulir akan dikirimkan, dan atribut method yang dapat menjadi "GET" atau "POST" tergantung pada cara Anda ingin mengirimkan data.

<form action="proses.php" method="POST">
  <!-- elemen-elemen formulir akan ditambahkan di sini -->
</form>

Langkah 2: Input Teks

Tambahkan elemen input teks dengan menggunakan tag <input> dan atribut type="text".

<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama">

Langkah 3: Input Kata Sandi

Untuk membuat input kata sandi, gunakan tag <input> dengan atribut type="password".

<label for="password">Kata Sandi:</label>
<input type="password" id="password" name="password">

Langkah 4: Input Radio

Gunakan tag <input> dengan type="radio" untuk membuat pilihan yang hanya dapat dipilih satu.

<label>Jenis Kelamin:</label>
<input type="radio" id="laki" name="gender" value="laki-laki">
<label for="laki">Laki-laki</label>
<input type="radio" id="perempuan" name="gender" value="perempuan">
<label for="perempuan">Perempuan</label>

Langkah 5: Input Checkbox

Untuk membuat kotak centang, gunakan tag <input> dengan type="checkbox".

<label for="hobi">Hobi:</label>
<input type="checkbox" id="berenang" name="hobi[]" value="berenang">
<label for="berenang">Berenang</label>
<input type="checkbox" id="membaca" name="hobi[]" value="membaca">
<label for="membaca">Membaca</label>

Langkah 6: Input Submit

Tambahkan tombol "Submit" untuk mengirimkan formulir.

<input type="submit" value="Kirim">

Langkah 7: Menutup Form

Jangan lupa untuk menutup elemen <form>.

</form>

Dengan mengikuti langkah-langkah di atas, Anda akan memiliki formulir HTML sederhana yang dapat digunakan untuk mengumpulkan data. Anda dapat menggantikan atribut action dengan URL yang sesuai dengan tempat Anda ingin mengirim data formulir tersebut.

PREVIOUS
NEXT