HTML Bentuk dan Input

HTML Formulir

Bentuk HTML digunakan untuk melewatkan data ke server.
Suatu bentuk dapat berisi elemen input seperti bidang teks, checkbox, radio button, tombol submit dan banyak lagi. Bentuk A juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label.

Tag <form> digunakan untuk membuat sebuah form HTML:

<form>
.
masukan elemen
.
</ form>

Bentuk HTML – Elemen input :

  • Unsur bentuk 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 bidang jenis teks, kotak centang, sandi, tombol radio, tombol submit, dan banyak lagi.

Jenis input yang paling digunakan dijelaskan di bawah ini :

Teks File :

<input type=”text” /> mendefinisikan lapangan satu baris masukan bahwa pengguna dapat memasukkan teks ke :

<form>
Nama depan: <input type=”text” name=”firstname” /> <br />
Nama terakhir: <input type=”text” name=”lastname” />
</ form>

Bagaimana kode HTML di atas terlihat dalam browser:

Pertama Nama:
Nama Terakhir:

Catatan: Bentuk itu sendiri tidak terlihat. Juga catat bahwa lebar default dari kolom teks adalah 20 karakter.

sandi Lapangan

<input type=”password” /> mendefinisikan field kata sandi:

<form>
Password: <input type=”password” name=”pwd” />
</ form>

Bagaimana kode HTML di atas terlihat dalam browser:

Password:

Catatan: Karakter dalam bidang password bertopeng (ditampilkan sebagai tanda bintang atau lingkaran).

Tombol radio

<input type=”radio” /> mendefinisikan tombol radio. Tombol radio membolehkan user memilih HANYA SATU dari sejumlah pilihan yang terbatas :

<form>
<input type=”radio” name=”sex” value=”male” /> Male<br />
<input type=”radio” name=”sex” value=”female” /> Female
</form>

Bagaimana kode HTML di atas terlihat dalam browser:

Laki-laki
perempuan

 

checkbox

<input type=”checkbox” /> mendefinisikan sebuah kotak centang. Checkbox membolehkan user pilih SATU atau LEBIH pilihan dari sejumlah pilihan yang terbatas.

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

Bagaimana kode HTML di atas terlihat dalam browser:

Saya memiliki sepeda
Saya memiliki mobil

Tombol Kirim

<input type=”submit” /> mendefinisikan sebuah tombol submit.

Sebuah tombol submit digunakan untuk mengirim data formulir ke server. Data dikirim ke halaman tertentu dalam atribut action form. File didefinisikan dalam atribut action biasanya melakukan sesuatu dengan input yang diterima :

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

Bagaimana kode HTML di atas terlihat dalam browser:

Nama pengguna:  menyerahkan

Leave a Reply

Your email address will not be published. Required fields are marked *