Latest web development tutorials

HTML tag <form>

Esempi

Con due campi di input e un modulo HTML pulsante di invio:

<form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

Prova »
(Per ulteriori esempi, vedere il fondo della pagina)

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tutti i browser principali supportano il tag <form>.


le definizioni e le istruzioni tag

<Form> tag viene utilizzato per creare un modulo HTML per l'input dell'utente.

<Form> elemento contiene uno o più dei seguenti elementi del modulo:


Le differenze tra HTML 4.01 e HTML5

HTML5 aggiunge due nuovi attributi: completamento automatico e novalidate, mentre alcuni attributi HTML 4.01 non sono più supportati.


Le differenze tra HTML e XHTML

In XHTML, attributo name è stata abbandonata. Utilizzare l'attributo id globale, invece.


proprietà

Nuovo: HTML5 nuova proprietà.

属性 描述
accept MIME_type HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charset character_set 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete New on
off
规定是否启用表单的自动完成功能。
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method get
post
规定用于发送表单数据的 HTTP 方法。
name text 规定表单的名称。
novalidate New novalidate 如果使用该属性,则提交表单时不进行验证。
target _blank
_self
_parent
_top
规定在何处打开 action URL。


Proprietà globali

<Form> tag supporta HTML proprietà globali .


Proprietà evento

<Form> tag supporta proprietà dell'evento HTML .


Esempi

Prova - Esempio

Modulo con caselle di controllo
Questo modulo contiene due caselle di controllo e un pulsante di invio.

Modulo con pulsanti di opzione
Questo modulo contiene due palchi e un pulsante di invio.


articoli correlati

HTML Tutorial: moduli HTML e di ingresso

HTML DOM Riferimento: oggetti Form1