English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <form> marcação é usada para criar formulários em páginas da web com controles interativos para entrada de usuários, usados para enviar informações para o servidor da Web. Este sinal também é conhecido como elemento <form>.
Um formulário HTML com dois campos de entrada e um botão de envio:
!doctype html <html <head <meta charset="UTF-8"> <title>HTML5 uso de etiqueta footer (tutorial básico da web oldtoolbag.com)</title> </head> <body <h1>oldtoolbag.com básico tutorial</h1> <form action="demo-form.php" method="post"> Empresa: <input type="text" name="company"><br> Endereço: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>测试看看 ‹/›
在此HTML5文档示例中,我们使用了
›Neste HTMLNo exemplo de documento, usamos a marca <form> para criar um formulário HTML. Este formulário contém dois controles <input> para empresa e endereço e um botão de envio.O efeito após a execução é o seguinte:Compatibilidade do navegador
IE
Opera
Safari
Todos os navegadores populares suportam a tag <form>.
O elemento <form> é usado para criar um formulário HTML que permite que o usuário insira.
<form> O elemento <form> contém um ou mais dos seguintes elementos de formulário:
HTML5 <optgroup> 4<fieldset>1 <label>
alguns atributos. Diferenças entre HTML e XHTML
Diferenças entre HTML e XHTML5 novo. Novo: HTML
Atributo | Valor | Descrição |
---|---|---|
accept | MIME_type | HTML5 Não suportado. Define o tipo de arquivo recebido pelo servidor (arquivos são enviados por meio de upload de arquivo). |
accept-charset | character_set | Define o conjunto de caracteres que o servidor pode processar para dados do formulário. |
action | URL | Define para onde os dados do formulário devem ser enviados ao submeter o formulário. |
autocompleteHTML5 | on off | Define se o formulário deve habilitar a função de conclusão automática. |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Define como os dados do formulário devem ser codificados antes de serem enviados para o servidor. (Aplique-se ao caso method="post".) |
method | get post | Define o método HTTP a ser usado para enviar os dados do formulário. |
name | text | Define o nome do formulário. |
novalidateHTML5 | novalidate | Se for usar essa propriedade, ao submeter o formulário, não será realizada a verificação. |
target | _blank _self _parent _top | Define onde abrir a URL action. |
Suporte do <form> tag Atributos globais do HTML.
Suporte do <form> tag Atributos de evento do HTML.
Botões de opção (Radio buttons)
Este exemplo demonstra como criar botões de opção em HTML.
Caixas de seleção (Checkboxes)
Este exemplo demonstra como criar caixas de seleção em uma página HTML. O usuário pode marcar ou desmarcar as caixas de seleção.
Lista suspensa simples
Este exemplo demonstra como criar uma caixa de lista suspensa simples em uma página HTML. A caixa de lista suspensa é uma lista opcional.
Lista suspensa pré-selecionada
Este exemplo demonstra como criar uma lista suspensa simples com valores pré-selecionados.
Campo de texto (Textarea)
Este exemplo demonstra como criar um campo de texto (controle de entrada de texto multi-linha). O usuário pode escrever texto no campo de texto. O número de caracteres que podem ser escritos não tem limite.
Criar botão
Este exemplo demonstra como criar botões. Você pode personalizar o texto do botão.
Tutorial HTML:Formulários e entradas HTML
Manual de referência do DOM HTML: Form objeto