English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

大全 de etiquetas HTML

HTML: <form> etiqueta

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

Exemplo online

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文档示例中,我们使用了

标记创建HTML表单。该表单包含两个用于公司和地址的控件以及一个提交按钮。

运行后效果如下:

Teste e veja ‹

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

Firefox

Opera

Chrome

Safari

Todos os navegadores populares suportam a tag <form>.

HTML 4<fieldset>1 <select>5<option>

HTML5 <optgroup> 4<fieldset>1 <label>

e XHTML

alguns atributos. Diferenças entre HTML e XHTML

Atributo

Diferenças entre HTML e XHTML5 novo. Novo: HTML

AtributoValorDescrição
acceptMIME_typeHTML5 Não suportado. Define o tipo de arquivo recebido pelo servidor (arquivos são enviados por meio de upload de arquivo).
accept-charsetcharacter_setDefine o conjunto de caracteres que o servidor pode processar para dados do formulário.
actionURLDefine para onde os dados do formulário devem ser enviados ao submeter o formulário.
autocompleteHTML5on
off
Define se o formulário deve habilitar a função de conclusão automática.
enctypeapplication/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".)
methodget
 post
Define o método HTTP a ser usado para enviar os dados do formulário.
nametextDefine o nome do formulário.
novalidateHTML5novalidateSe 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.

Atributos globais

Suporte do <form> tag Atributos globais do HTML.

Atributos de evento

Suporte do <form> tag Atributos de evento do HTML.

Tente o exemplo online

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.

Artigos relacionados

Tutorial HTML:Formulários e entradas HTML

Manual de referência do DOM HTML: Form objeto