HTML - tag <input>

Descrição

A tag HTML <input> é usada em um formulário para declarar um elemento de entrada - um controle que permite ao usuário inserir dados.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
            <br />
            
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
	
</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em - Referência de Atributo HTML

Atributos Específicos

A tag HTML <input> também suporta os seguintes atributos adicionais -

Atributo	Valor	Descrição
aceitar	tipos de conteúdo	Especifica uma lista separada por vírgulas de tipos de conteúdo que o servidor aceita.
alinhar	esquerda direita superior meio inferior	Obsoleto - Define o alinhamento do conteúdo
alt	texto	Isso especifica o texto a ser usado caso o navegador / agente do usuário não consiga processar o controle de entrada.
autocompletar	ligado desligado	Especifica a ativação ou desativação do preenchimento automático no elemento <input>
auto-foco	auto-foco	especifica que o elemento <input> deve receber foco automaticamente quando a página é carregada
verificado	verificado	Se type = "radio" ou type = "checkbox", ele já estará selecionado quando a página carregar.
Desativado	Desativado	Desativa o controle de entrada. O botão não aceita alterações do usuário. Ele também não pode receber o foco e será ignorado durante a tabulação.
Formato	form_id	Especifica um ou mais formulários
formação	URL	Especifica a URL do arquivo que irá processar o controle de entrada quando o formulário for enviado
tipo de formulário	application / x-www-form-urlencoded multipart / form-data texto / simples	Especifica como os dados do formulário devem ser codificados ao enviá-los para o servidor
método da forma	postar obter	Define o método HTTP para enviar dados para o URL de ação
formnovalidato	formnovalidato	Define que os elementos do formulário não devem ser validados quando enviados
formtarget	_blank _self _parent _top	Especifica o destino onde será exibida a resposta recebida após o envio do formulário
altura	píxeis	Especifica a altura
Lista	datalist_id	Especifica o elemento <datalist> que contém opções predefinidas para um elemento <input>
max	auto-foco	Especifica o valor máximo.
comprimento máximo	número	Define o número máximo de caracteres permitidos em um campo de texto
min	número	Especifica o valor mínimo.
múltiplo	múltiplo	Especifica que um usuário pode inserir vários valores
nome	texto	Atribui um nome ao controle de entrada.
padronizar	regexp	Especifica uma expressão regular com a qual o valor de um elemento <input> é verificado
placeholder	texto	Especifica uma pequena dica que descreve o valor esperado.
somente leitura	somente leitura	Define o controle de entrada para somente leitura. Não permite que o usuário altere o valor. O controle, entretanto, pode receber o foco e são incluídos ao navegar pelos controles do formulário.
requeridos	requeridos	Especifica que um campo de entrada deve ser preenchido antes de enviar o formulário
Tamanho	número	Especifica a largura do controle. Se type = "text" ou type = "password", isso se refere à largura em caracteres. Caso contrário, é em pixels.
src	URL	Define o URL da imagem a ser exibida. Usado apenas para type = "image".
degrau	número	Especifica os intervalos de números legais para um campo de entrada
tipo	botão checkboxcolor data datetime datetime-local email file oculto imagem mês número senha radio range reset search submit tel text time url week	Especifica o tipo de controle.
valor	texto	Especifica o valor inicial para control.If type = "checkbox" ou type = "radio" este atributo é obrigatório.
largura	píxeis	Especifica a largura

Atributos do Evento

Esta tag suporta todos os atributos de eventos descritos em HTML Events Reference

Suporte de navegador

cromada	Raposa de fogo	IE	Ópera	Safári	Android
sim	sim	sim	sim	sim	sim

↰ Previous page