<borang>


HTML <form> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>

Jalankan Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


Sokongan Penyemak Imbas

1000.png

Semua penyemak imbas utama menyokong teg <form>


Takrif teg dan arahan penggunaan

<form> teg digunakan untuk membuat borang HTML untuk input pengguna.

<bentuk> elemen mengandungi satu atau lebih elemen bentuk berikut:

  • <input>

  • < ;textarea>

  • <butang>

  • <pilih>

  • < option> ;

  • <optgroup>

  • <fieldset>

  • <label>


Perbezaan antara HTML 4.01 dan HTML5

HTML5 menambah dua atribut baharu: autolengkap dan novalidate dan tidak lagi menyokong HTML 4.01.


Perbezaan antara HTML dan XHTML

Dalam XHTML, atribut nama telah ditamatkan. Gunakan atribut id global sebaliknya.


Atribut

Baharu: Atribut baharu dalam HTML5.

AtributNilaiPenerangan
terima MIME_typeHTML5 tidak disokong.
属性描述
acceptMIME_typeHTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charsetcharacter_set规定服务器可处理的表单数据字符集。
actionURL规定当提交表单时向何处发送表单数据。
autocompleteNewon
off
规定是否启用表单的自动完成功能。
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
methodget
     post
规定用于发送表单数据的 HTTP 方法。
nametext规定表单的名称。
novalidateNewnovalidate如果使用该属性,则提交表单时不进行验证。
target_blank
     _self
     _parent
     _top
规定在何处打开 action URL。
Menentukan jenis fail yang diterima oleh pelayan. (Fail diserahkan melalui muat naik fail)
accept-charsetcharacter_setMenentukan pelayan membentuk set aksara data yang boleh diproses.
tindakanURLMenentukan tempat untuk menghantar data borang apabila borang diserahkan.
autolengkapBaharu<🎜>dihidupkan
dimatikan
Menentukan sama ada untuk dayakan ciri autolengkap Borang.
enctypeapplication/x-www-form-urlencoded
berbilang bahagian/data-bentuk
text/plain
Menentukan cara mengekod data borang sebelum menghantarnya ke pelayan. (Berlaku untuk method="post")
kaedahget
Post
Menentukan kaedah HTTP yang digunakan untuk menghantar data borang.
namateksMenentukan nama borang.
novalidateBaharu<🎜>novalidateJika atribut ini digunakan, borang diserahkan Tiada pengesahan dilakukan.
sasaran_kosong
_diri
_ibu bapa
_top
Menentukan tempat untuk membuka URL tindakan.


Atribut global

<form> teg menyokong atribut global HTML.


Atribut acara

<form> teg menyokong atribut acara HTML.


Examples

Cubalah - Contoh

Borang dengan kotak pilihan
Borang ini mengandungi dua kotak pilihan dan butang hantar .

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Borang dengan Butang Radio
Borang ini mengandungi dua butang radio dan butang hantar.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="radio" name="sex" value="Male"> Male<br>
  <input type="radio" name="sex" value="Female" checked="checked"> Female<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian


Artikel Berkaitan

Tutorial HTML: Borang dan Input HTML

Manual Rujukan HTML DOM: Bentuk objek