Latest web development tutorials

tag HTML <form>

Exemplos

Com dois campos de entrada e um formulário HTML botão de envio:

<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>

tente »
(Para mais exemplos, ver o fundo da página)

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam a tag <form>.


definições e instruções tag

tag <form> é usado para criar um formulário HTML para entrada do usuário.

<Form> elemento contém um ou mais dos seguintes elementos de formulário:


Diferenças entre HTML 4.01 e HTML5

HTML5 acrescenta dois novos atributos: autocomplete e novalidate, enquanto alguns HTML 4.01 atributos não são mais suportados.


As diferenças entre HTML e XHTML

Em XHTML, o atributo nome foi abandonado. Use o atributo global id vez.


propriedade

Novo: HTML5 nova propriedade.

属性 描述
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。


Propriedades globais

<Form> tag suporta HTML propriedades globais .


Propriedades de evento

<Form> tag suporta propriedades de evento HTML .


Exemplos

Tente - Exemplo

Formulário com caixas de seleção
Este formulário contém duas caixas de verificação e um botão de envio.

Formulário com botões de rádio
Este formulário contém duas caixas e um botão de envio.


artigos relacionados

HTML Tutorial: formulários HTML e Input

HTML DOM Referência: objetos Form1