HTML Form

Form HTML digunakan untuk melewatkan data ke server.



Form / formulir dapat berisi elemen masukan seperti input fields, checkbox , radio button, tombol submit dan banyak lagi. Bisa juga berisi daftar pilih , textarea , fieldset , legenda , dan elemen label .
Tag <form> digunakan untuk membuat formulir HTML:

<form>
...elemen masukan...
</form>

Form HTML - Input Elemen

  • Bentuk elemen yang paling penting adalah elemen input .
  • Elemen input digunakan untuk memilih informasi pengguna .
  • Sebuah elemen input dapat bervariasi dalam banyak cara , tergantung pada jenis atribut . Sebuah elemen input dapat dari text field jenis , checkbox , password, tombol radio , tombol submit , dan banyak lagi.


Jenis input yang paling Sering digunakan dijelaskan di bawah ini .


Fields Text
<input type="text" /> mendefinisikan field input satu baris yang oleh pengguna dapat memasukkan teks ke dalamnya:

<form>
Nama depan: <input type="text" name="firstname" /> <br />
Nama belakang : <input type="text" name="lastname" />
</form>



Sandi / Password
<input type="password" /> mendefinisikan field kata sandi :

<form>
Sandi : <input type="password" name="pwd" />
</form>

Catatan : Karakter dalam bidang password biasanya ditampilkan sebagai tanda bintang atau lingkaran.



Radio Buttons
<input type="radio" /> mendefinisikan tombol radio . Tombol radio membiarkan pengguna memilih HANYA SATU salah satu dari sejumlah pilihan:

<form>
<input type="radio" name="sex" value="male" /> Pria <br />
<input type="radio" name="sex" value="female" /> Wanita
</form>



Checkbox
<input type="checkbox" /> mendefinisikan kotak centang . Checkbox membiarkan pengguna memilih SATU atau LEBIH pilihan dari sejumlah pilihan .

<form>
<input type="checkbox" name="vehicle" value="Bike" /> Saya memiliki <br /> sepeda
<input type="checkbox" name="vehicle" value="Car" /> Saya punya mobil
</form>

Submit

<input type="submit" /> mendefinisikan tombol kirim .
Sebuah tombol submit digunakan untuk mengirim data formulir ke server . Data dikirim ke halaman tertentu dalam atribut action form:

<form name="input" action="html_form_action.html" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda