tutorial pengembangan web terbaru
 

HTML <form> Tag


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:

Contoh

form {
    display: block;
    margin-top: 0em;
}
Cobalah sendiri "