tutoriais mais recente desenvolvimento web
 

HTML <input> Tag


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
email
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:


Configurações CSS padrão

Nenhum.