Exemplo
Um formulário HTML com três campos de entrada; dois campos de texto e um botão de envio:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Tente você mesmo " Definição e Uso
O <input> tag especifica um campo de entrada onde o usuário pode inserir dados.
<input> elementos são usados dentro de um <form> elemento para declarar controles de entrada que permitem aos usuários dados de entrada.
Um campo de entrada pode variar de muitas formas, dependendo do type atributo.
Suporte a navegadores
Elemento | |||||
---|---|---|---|---|---|
<input> | sim | sim | sim | sim | sim |
Dicas e Notas
Nota: O <input> elemento é vazio, ele contém apenas atributos.
Dica: Use o <label> elemento para definir rótulos para <input> elementos.
Diferenças entre HTML 4.01 e HTML5
O "align" atributo não é suportado no HTML5.
Em HTML5, o <input> tag tem vários novos atributos, eo type atributo tem vários valores novos.
Diferenças entre HTML e XHTML
Em HTML, o <input> tag não tem nenhuma marca de fim.
Em XHTML, o <input> tag deve ser devidamente fechados, como este <input /> .
Atributos
= Novo em HTML5.
Atributo | Valor | Descrição |
---|---|---|
accept | file_extension audio/* video/* image/* media_type | Especifica os tipos de arquivos que o servidor aceita (apenas para type="file" ) |
align | left right top middle bottom | Não suportado em HTML5. Especifica o alinhamento de uma entrada de imagem (apenas para type="image" ) |
alt | text | Especifica um texto alternativo para imagens (apenas para type="image" ) |
autocomplete | on off | Especifica se uma <input> elemento deve ter autocomplete habilitado |
autofocus | autofocus | Especifica que um <input> elemento deve receber automaticamente o foco quando a página é carregada |
checked | checked | Especifica que um <input> elemento deve ser pré-selecionado quando a página é carregada (para type="checkbox" ou type="radio" ) |
dirname | inputname.dir | Especifica que a direção do texto será submetido |
disabled | disabled | Especifica que um <input> elemento deve ser desativado |
form | form_id | Especifica uma ou mais formas do <input> elemento pertence a |
formaction | URL | Especifica a URL do arquivo que irá processar o controle de entrada quando o formulário é enviado (para type="submit" e type="image" ) |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Especifica como o formulário de dados deverão ser codificadas quando enviá-lo para o servidor (para type="submit" e type="image" ) |
formmethod | get post | Define o método HTTP para o envio de dados para o URL de ação (para type="submit" e type="image" ) |
formnovalidate | formnovalidate | Define que elementos de formulário não deve ser validado quando submetido |
formtarget | _blank _self _parent _top framename | Especifica onde exibir a resposta que é recebido após enviar o formulário (para type="submit" e type="image" ) |
height | pixels | Especifica a altura de um <input> elemento (apenas para type="image" ) |
list | datalist_id | Refere-se a um <datalist> elemento que contém opções pré-definidas para um <input> elemento |
max | number date | Especifica o valor máximo para um <input> elemento |
maxlength | number | Especifica o número máximo de caracteres permitidos em um <input> elemento |
min | number date | Especifica um valor mínimo para um <input> elemento |
multiple | multiple | Especifica que um usuário pode inserir mais de um valor em um <input> elemento |
name | text | Especifica o nome de um <input> elemento |
pattern | regexp | Especifica uma expressão regular que um <input> valor de elemento de é verificado em relação |
placeholder | text | Especifica uma pequena dica que descreve o valor esperado de um <input> elemento |
readonly | readonly | Especifica que um campo de entrada é somente leitura |
required | required | Especifica que um campo de entrada deve ser preenchido antes de enviar o formulário |
size | number | Especifica a largura, em caracteres, de um <input> elemento |
src | URL | Especifica o URL da imagem para usar como um botão de envio (apenas para type="image" ) |
step | number | Especifica os intervalos de número legal para um campo de entrada |
type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Especifica o tipo <input> elemento para exibir |
value | text | Especifica o valor de um <input> elemento |
width | pixels | Especifica a largura de um <input> elemento (apenas para type="image" ) |
Atributos globais
O <input> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <input> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: formulários HTML
HTML DOM de referência:
- Entrada Botão Objeto
- Caixa de seleção objeto de entrada
- Entrada colorida Objeto
- Entrada Data Objeto
- Entrada de data e hora Objeto
- Entrada DatetimeLocal Objeto
- Entrada Email Objeto
- Entrada FileUpload Objeto
- Entrada Hidden Object
- Entrada objeto Imagem
- Objeto Mês de entrada
- Número objeto de entrada
- Entrada de senha Objeto
- Faixa de objeto de entrada
- Objeto Rádio entrada
- Redefinir objeto de entrada
- Procurar entrada Objeto
- Entrada Submeta Objeto
- Objecto de texto de entrada
- Objeto Tempo de entrada
- URL objeto de entrada
- Semana objeto de entrada
Configurações CSS padrão
Nenhum.