English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A etiqueta <input> do HTML é um controle de entrada, que fornece aos usuários controles interativos para inserir dados. Tradicionalmente, a etiqueta <input> está dentro da etiqueta <form> e pode ser configurada com o atributo type apropriado para representar campos de texto, caixas de seleção, menus suspenso, botões e outros controles de entrada. Este rótulo também é conhecido como elemento <input>.
Um formulário HTML simples, contendo dois campos de entrada de texto e um botão de envio:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 uso do rótulo 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>Teste e veja ‹/›
Neste HTML5No exemplo de documento, usamos a marcação <form> para criar formulários HTML. Este formulário contém dois controles <input> para empresa e endereço, e um controle <input> para botão de envio.
IEFirefoxOperaChromeSafari
A maioria dos navegadores de internet suporta a etiqueta <input>.
A etiqueta <input> define o campo de entrada onde o usuário pode inserir dados.
O elemento <input> é usado no elemento <form> para declarar o controle de entrada permitido pelo usuário.
Através da configuração da propriedade type, o elemento <input> pode se tornar um campo de texto, caixa de seleção, botão de rádio, menu suspenso, botão, campo de senha etc.!
Atenção: O elemento <input> está vazio, ele apenas contém atributos de etiqueta.
Avisos: Você pode usar <label> O elemento para definir o rótulo do elemento <input>.
No HTML 4.01 Neste, o 'align' de dados já não é usado. HTML5 Neste não suporta essa propriedade. Pode usar CSS para definir o alinhamento do elemento <input>.
No HTML5Neste, o <input> adicionou várias propriedades e valores correspondentes.
No HTML, a etiqueta <input> não tem etiqueta de fechamento.
No XHTML, a etiqueta <input> deve ser fechada corretamente.
New : HTML5Nova etiqueta.
| Propriedade | Valor | Descrição |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | Define o tipo de arquivo a ser submetido através do upload de arquivo. (Apenas para type="file") |
| align | left right top middle bottom | HTML5Descontinuado, não recomendado para uso. Define o alinhamento da entrada de imagem. (Apenas para type="image") |
| alt | text | Define o texto alternativo para o campo de entrada de imagem. (Apenas para type="image") |
| autocompleteHTML5 | on off | A propriedade 'autocomplete' especifica se o campo de entrada do elemento <input> deve habilitar a função de completamento automático. |
| autofocusHTML5 | autofocus | A propriedade 'autofocus' define que o elemento <input> deve obter o foco automaticamente ao carregar a página. |
| checked | checked | A propriedade 'checked' define que o elemento <input> deve ser pré-selecionado ao carregar a página. (Apenas para type="checkbox" ou type="radio") |
| dirnameHTML5 | inputname.dir | Especifica a direção do texto a ser submetido. |
| disabled | disabled | A propriedade 'disabled' define o elemento <input> que deve ser desativado. |
| formHTML5 | form_id | A propriedade 'form' especifica um ou mais formulários aos quais o elemento <input> pertence. |
| formactionHTML5 | URL | A propriedade define o URL para processar o arquivo do controle de entrada ao submeter o formulário (apenas para type="submit" e type="image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | A propriedade define como os dados do formulário devem ser codificados ao serem enviados para o servidor (apenas para type="submit" e type="image"). |
| formmethodHTML5 | get post | Define o método HTTP a ser usado para enviar os dados do formulário para a URL de ação. (apenas para type="submit" e type="image"). |
| formnovalidateHTML5 | formnovalidate | A propriedade 'formnovalidate' sobrepõe a propriedade 'novalidate' do elemento <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | Define o nome ou palavra-chave onde a resposta recebida após o envio do formulário será exibida. (apenas para type="submit" e type="image"). |
| heightHTML5 | pixels | Define a altura do elemento <input> (apenas para type="image"). |
| listHTML5 | datalist_id | A propriedade faz referência ao elemento <datalist>, que contém opções pré-definidas para o elemento <input>. |
| maxHTML5 | number date | A propriedade especifica o valor máximo do elemento <input>. |
| maxlength | number | A propriedade especifica o número máximo de caracteres permitidos no elemento <input>. |
| minHTML5 | number date | A propriedade especifica o valor mínimo do elemento <input>. |
| multipleHTML5 | multiple | A propriedade define que o usuário pode inserir múltiplos valores no elemento <input>. |
| name | text | A propriedade 'name' especifica o nome do elemento <input>. |
| patternHTML5 | regexp | A propriedade 'pattern' define a expressão regular usada para validação do valor do elemento <input>. |
| placeholderHTML5 | text | A propriedade 'placeholder' define uma breve mensagem de aviso que descreve o valor esperado do campo <input>. . |
| readonly | readonly | A propriedade 'readonly' define que o campo de entrada é apenas leitura. |
| requiredHTML5 | required | A propriedade define que os campos de entrada devem ser preenchidos antes de submeter o formulário. |
| size | number | A propriedade 'size' define a largura visível do elemento <input> em caracteres. |
| src | URL | A propriedade 'src' define o URL da imagem a ser exibida como botão de envio. (apenas type="image") |
| stepHTML5 | number | A propriedade step especifica o intervalo numérico válido do elemento <input>. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | A propriedade type define o tipo de elemento <input> a ser exibido. |
| value | text | Define o valor do campo value do elemento <input>. |
| widthHTML5 | pixels | A propriedade width define o largura do elemento <input>. (apenas para type="image") |
<input> etiqueta suporta atributos globais, consulte a tabela de atributos completa Atributos globais HTML.
<input> etiqueta suporta todos Atributos de eventos HTML.