Form Pada HTML Dasar | Kita Ngoding HTML#11

Tag Form HTML-. Pada kesempatan sebelumnya, kita telah membahas tentang tabel, tentang list dan masih banyak lagi yang lainnya. Selengkapnya, admin akan berikan linknya dibagian bawah artikel ini.

Sekarang waktunya bagi kita untuk membahas tentang Form Pada HTML. Bahasan ini adalah bahasan yang tidak kalah pentingnya dari bahasan sebelumnya. Karena dengan form kita bisa menggelola input/masukkan yang dilakukan oleh user/pengguna.

Form Pada HTML Dasar | Kita Ngoding HTML#11 |

Apa itu Form Pada HTML

Form adalah sebuah element pada html yang berfungsi mengelola input yang dilakukan oleh user. Baik dilakukan saat user memasukkan data pada kolom, memilih radio button, memilih combo box sampai user menekan sebuah tombol pada html.

Form juga banyak digunakan untuk membuat berbagai macam form seperti form daftar, form login, dan lain sebagainya.

Baca Juga : Pengenalan Struktur HTML

Bagaimana Cara Membuat Form Pada HTML

Penulisan tag form adalah seprti berikut <form>..</form>. Di antara tag <form>..</form> ini nantinya kita akan isikan dengan element-element seprti input, textarea, select, button, label dan sebagainya.

Element Input:

Sintax HTML Untuk Membuat Form

<!DOCTYPE html>
<html>
<head>
  <title>Form HTML</title>
</head>
<body>
<form>
  <label for="user">Username :</label>
  <input type="text" id="user">
  <br>
  <label for="pass">Password :</label>
  <input type="password" id="pass">
  <br>
  <input type="radio" id="laki" name="jeniskelamin">
  <label for="laki">Laki-Laki</label>
  <input type="radio" id="wanita" name="jeniskelamin">
  <label for="wanita">Perempuan</label>
  <br>
  <input type="checkbox" id="bola">
  <label for="bola">Sepak Bola</label>
  <input type="checkbox" id="lari">
  <label for="lari">Joging</label>
  <input type="checkbox" id="bernyanyi">
  <label for="bernyanyi">Bernyanyi</label>
  <br>
  <input type="submit" value="Kirim">
  <input type="reset" value="Reset">
  <input type="button" value="Login">
</form>
</body>
</html>

Outputnya :

Baca Juga : Peralatan HTML Lengkap

Untuk penggunaan tombol menggunakan element input sangat tidak disarankan. Karena tombol / button sendiri mempunyai struktur element sendiri yaitu sebagai berikut :

  <!--Penggunaan tombol Submit untuk mengirimkan data-->
  <button type="submit">Submit</button>
  <!--Penggunaan tombol Reset untuk mereset data-->
  <button type="reset">Reset</button>
  <!--Penggunaan tombol Button untuk melakukan fungsi tertentu-->
  <button type="button">Button</button>

Admin rasa cukup sampai disini pembahasankita pada kesempatan kali ini. Walaupun singkat, tetapi admin rasa sudah cukup untuk membuat kalian mengerti bukan?.

Terimakasih yang sebesar-besarnya kepada sahabat semuanya yang telah bersedia berkunjung di blog Kita Ngoding. Semoga apa yang admin sampaikan dapat berguna bagi siapapun yang membutuhkan, terutama untuk admin sendiri.

Baca Juga : Box Model Pada CSS

Jangan lupa untuk membaca tulisan admin yang lainnya, linknya telah admin siapkan dibawah ini :

Artikel Lainnya :

Tutorial HTML #11 | Form Pada HTML Dasar

Tutorial HTML #10 | List Pada HTML

Tutorial HTML #09 | Tabel Pada HTML Dasar

Tutorial HTML #08 | Tag Image HTML Dasar

Tutorial HTML #07 | Membuat Link HTML

Tutorial HTML #06 | Styles Dan Formating Pada HTML

Tutorial HTML #05 | Tentang Tag Heading

Tutorial HTML #04 | Tentang Tag Paragraf HTML

Tutorial HTML #03 | Pengenalan Struktur HTML