HTML | BAB 10 Membuat Formulir

Tag digunakan untuk membuat formulir di HTML. Formulir ini memungkinkan pengguna untuk mengirimkan data ke server untuk diproses

1. Untuk menambahkan input teks, kita dapat menggunakan tag dengan atribut type="text".
   Contohnya adalah sebagai berikut:

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

   Nama:

   Dalam contoh di atas, pengguna dapat memasukkan teks di dalam kotak input dengan id "nama".

2. Untuk menambahkan checkbox, kita juga dapat menggunakan tag dengan atribut type="checkbox".
   Contohnya adalah sebagai berikut:

   <form>
     <label for="hobi">Hobi:</label>
     <input type="checkbox" id="hobi1" name="hobi1" value="Berenang">
     <label for="hobi1">Berenang</label>
     <input type="checkbox" id="hobi2" name="hobi2" value="Membaca">
     <label for="hobi2">Membaca</label>
   <form>

   Hobi: Berenang Membaca

   Dalam contoh di atas, pengguna dapat memilih satu atau lebih checkbox yang sesuai dengan hobi mereka.

3. Untuk menambahkan radio button, kita juga menggunakan tag dengan atribut type="radio".
   Contohnya adalah sebagai berikut:

   <form>
     <label for="jenisKelamin">Jenis Kelamin:</label>
     <input type="radio" id="pria" name="jenisKelamin" value="Pria">
     <label for="pria">Pria</label>
     <input type="radio" id="wanita" name="jenisKelamin" value="Wanita">
     <label for="wanita">Wanita</label>
   </form>

   Jenis Kelamin: Pria Wanita

   Dalam contoh di atas, pengguna hanya dapat memilih satu radio button yang sesuai dengan jenis kelamin mereka.

4. Untuk menambahkan tombol submit, kita menggunakan tag dengan atribut type="submit". Contohnya adalah sebagai berikut:

   <form>
     <input type="submit" value="Submit">
   </form>

   Dalam contoh di atas, tombol submit akan mengirimkan data yang telah diisi pengguna ke server.