Form Html Dasar

 Halo teman-teman pada kesempatan ini saya akan memebawakan materi form html yaitu atau formulir HTML pada halaman web memungkinkan pengguna untuk memasukkan data yang dikirim ke server untuk diproses. Formulir dapat menyerupai formulir kertas atau database karena pengguna web mengisi formulir menggunakan kotak centang, tombol radio, atau bidang teks. Berikut materi yang akan saya share.

1. Username dan Password

Penggunaan tag label ini untuk melabeli username, lalu pada sintak for sebagai menandai sebuah username, setelah itu input dengan tipe text dan pada bagian id disini menunjukan bahwa text ini milik username dan pada bagian password juga sama dengan username. Perlu diingat bahwa penggunaan for dan id harus sama.

 <label for="...">username: </label>

        <input type="text" id="username">

            <br><br>

        <label for="...">password: </label>

        <input type="password" id="...">

2. Radio Button

Radio button merupakan salah satu komponen yang ada di permrograman HTML. Komponen ini paling sering digunakan untuk pengisian form online, seperti survei, pemilihan jurusan, agama, jenis kelamin, dan lain sebagainya.

<input type="radio" id="..." name="..."><label for="...">...</label>

<input type="radio" id="..." name="..."><label for="...">...</label>

3. CheckBox

Checkbox adalah jenis inputan yang cara memilihnya adalah dengan cara mencentang, sehingga memungkinkan user dapat memilih lebih dari satu pilihan.

<input type="checkbox" id="futsal"><label for="futsal">Futsal</label>

<input type="checkbox" id="badminton"><label for="badminton">Badminton</label>

<input type="checkbox" id="basket"><label for="basket">Basket</label>

4. Submit dan Reset

Submit : tombol ini digunakan untuk memproses form, sehingga jika tombol ini di klik, form akan langsung di proses. reset : tombol ini digunakan untuk mereset isian dari form, sehingga kalau tombol reset di klik maka isian form akan kosong.

<button type="submit">Kirim</button>

<button type="reset">Batal</button>