HTML Forms

Formulir HTML (HTML Forms)

Formulir digunakan untuk mengumpulkan data dari pengguna. Data dapat dikirim ke server menggunakan berbagai metode, seperti GET atau POST.

Struktur Dasar Formulir

Formulir HTML dibungkus dalam elemen <form> dan biasanya berisi input, label, tombol, dan elemen lainnya.

<form action="/submit" method="post">
  <label for="nama">Nama:</label><br />
  <input type="text" id="nama" name="nama" /><br />
 
  <label for="email">Email:</label><br />
  <input type="email" id="email" name="email" /><br />
 
  <input type="submit" value="Kirim" />
</form>

Elemen Formulir Umum

Berikut beberapa elemen penting dalam form HTML:

<input>: Elemen masukan teks, email, password, dll.
<textarea>: Masukan teks panjang.
<select>: Dropdown.
<button>: Tombol, bisa untuk kirim atau tindakan lain.

Contoh Form Lengkap

<form>
  <label for="username">Username:</label><br />
  <input type="text" id="username" name="username" /><br />
 
  <label for="password">Password:</label><br />
  <input type="password" id="password" name="password" /><br />
 
  <label for="gender">Jenis Kelamin:</label><br />
  <select id="gender" name="gender">
    <option value="male">Laki-laki</option>
    <option value="female">Perempuan</option>
  </select><br />
 
  <label for="bio">Tentang Anda:</label><br />
  <textarea id="bio" name="bio"></textarea><br />
 
  <button type="submit">Kirim</button>
</form>

HTML Forms

Formulir HTML (HTML Forms)

Struktur Dasar Formulir

Elemen Formulir Umum

Contoh Form Lengkap

On this page