Contoh
Bentuk HTML dengan dua bidang masukan dan satu tombol submit:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The <form> tag digunakan untuk membuat bentuk HTML untuk input pengguna.
The <form> elemen dapat berisi satu atau lebih dari unsur-unsur bentuk berikut:
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <form> | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
HTML5 telah menambahkan dua atribut baru: autocomplete dan novalidate , dan removed yang accept atribut.
Perbedaan Antara HTML dan XHTML
Dalam XHTML, yang name atribut sudah ditinggalkan. Menggunakan atribut id global, bukan.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| accept | file_type | Tidak didukung di HTML5. Menentukan daftar dipisahkan koma jenis file yang server menerima (yang dapat disampaikan melalui file upload) |
| accept-charset | character_set | Menentukan pengkodean karakter yang akan digunakan untuk pengiriman formulir |
| action | URL | Menentukan di mana untuk mengirim form-data ketika formulir dikirimkan |
| autocomplete | on off | Menentukan apakah formulir harus memiliki autocomplete atau menonaktifkan |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Menentukan bagaimana bentuk-data harus dikodekan ketika mengirimkan ke server (hanya untuk method="post" ) |
| method | get post | Menentukan metode HTTP untuk digunakan saat mengirim form-data |
| name | text | Menentukan nama bentuk |
| novalidate | novalidate | Menentukan bahwa form tidak harus divalidasi ketika diajukan |
| target | _blank _self _parent _top | Menentukan di mana untuk menampilkan respon yang diterima setelah mengirimkan formulir |
Atribut global
The <form> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <form> tag juga mendukung Acara Atribut di HTML .
Coba Sendiri - Contoh
Dengan bentuk kotak centang
Bentuk dengan dua kotak centang, dan sebuah tombol submit.
Form dengan tombol radio
Bentuk dengan dua tombol radio, dan sebuah tombol submit.
Pages terkait
HTML tutorial: Bentuk HTML dan Input
Referensi HTML DOM: Form Object
CSS Tutorial: Bentuk Styling
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <form> elemen dengan nilai default berikut: