Latest web development tutorials

tag HTML <input>

Exemplos

Um formulário HTML simples que contém duas caixas de entrada 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="提交">
</form>

tente »
(Parte inferior da página, você pode ver mais exemplos)

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A maioria dos navegadores suportam <input> tag.


definições e instruções tag

<Input> especifica o usuário pode inserir um campo em que os dados introduzidos.

<Input> elementos no elemento <form> é usado para declarar permite aos usuários inserir controles de entrada de dados.

Os campos de entrada pode ser alterado de muitas maneiras, dependendo do tipo de atributo.


Dicas e Notas

Nota: <input> elemento é vazio, ele contém apenas os atributos de marca.

Dica: Você pode usar o <label> para definir o rótulo elemento <input> elemento.


Diferenças entre HTML 4.01 e HTML5

Em HTML 4.01, "alinhar" os dados não é mais usado. Este atributo não é suportado no HTML5. Você pode definir o alinhamento dos elementos <input> usando CSS.

Em HTML5, <input> adicionar várias propriedades, e adiciona o valor correspondente.


As diferenças entre HTML e XHTML

Em HTML, <input> tag não tem nenhuma marca de fim.

Em XHTML, <input> tag deve ser fechado corretamente.


propriedade

Novo: HTML5 novas tags.

propriedade valor descrição
aceitar áudio / vídeo * / * Imagem / * MIME_TYPE Tipo especifica por upload do arquivo de apresentação de documentos. (Apenas para type = "file")
alinhar meio fundo superior direito deixou HTML5 obsoletos, obsoleto. alinhamento predeterminado da imagem de entrada. (Apenas para type = "image")
alt texto Definir a entrada de texto alternativo de imagem. (Apenas para type = "image")
Conclusão automática Nova on off atributo autocomplete especifica o campo de entrada <input> elemento se você deve ativar o preenchimento automático.
O autofocus Nova autofocus Atributo especifica quando a página é carregada <input> elemento deve receber automaticamente o foco.
verificado verificado Atributo especifica verificada quando a página é carregada deve ser pré-selecionado <input> elementos. (Apenas para type = "checkbox" ou type = "radio")
inválido inválido disposições de propriedade com deficiência deve ser desativado elementos <input>.
formar New form_id formulário de atributo especifica <input> elementos na forma de um ou mais pertence.
formaction Nova URL atributo URL especifica o processo de controle de entrada quando os envios de formulários. (Apenas para type = "submit" e type = "image")
formenctype Nova Application / x-www-form-urlencoded texto multipart / form-data / plain Atributo especifica quando o formulário é enviado para o servidor como para codificar os dados (apenas para type = "submit" e type = "image").
formmethod Nova obter pós Definir Enviar dados de formulário para a URL do método HTTP ação. (Apenas para type = "submit" e type = "image")
formnovalidate Nova formnovalidate substituições formnovalidate propriedade <form> atributo novalidate do elemento.
formtarget Nova _blank _self _top _parent FrameName Após enviar o formulário prescrito mostrando onde apresenta o nome de resposta recebida ou palavra-chave. (Apenas para type = "submit" e type = "image")
altura New pixels Provisões <input> altura do elemento. (Apenas para type = "image")
lista Nova datalist_id Referência do imóvel <datalist> elemento, que contém opções predefinidas <input> elementos.
MAX Novo data de número Atributo especifica o elemento <input> máxima.
maxlength número Atributo especifica o <input> elementos número máximo de caracteres permitidos.
min New data de número Atributo especifica o elemento <input> do mínimo.
Multiple Nova múltiplo Atributo especifica permite aos usuários inserir valores múltiplos elementos <input>.
nome texto atributo name especifica o <input> nome do elemento.
padrão de New regexp atributo especifica o padrão usado para validar <input> elemento do valor de expressões regulares.
espaço reservado Nova texto O atributo de espaço reservado prevê uma breve descrição da entrada de mensagem <input> campo é o valor esperado.
readonly readonly atributo readonly especifica o campo de entrada é somente leitura.
requerida Nova necessário Atributo especifica os campos de entrada deve ser preenchido antes de enviar o formulário.
tamanho número atributo de largura visível especifica o tamanho em termos de número de caracteres <input> elementos.
src URL atributo src especifica o URL botão exibido como uma imagem enviar. (Apenas para type = "image")
PASSO Nova número atributo step especifica o legal digitais elemento <input> intervalo.
tipo botão
checkbox
cor
data
datetime
datetime-local
e-mail
arquivo
oculto
imagem
mês
número
senha
rádio
alcance
restabelecer
pesquisa
submeter
tel
texto
tempo
url
semana
<Input> atributo type especifica o tipo de elemento que você deseja exibir.
valor texto Especifica o <input> valor de elemento de valor.
width Nova pixels Atributo especifica a largura <input> elemento largura. (Apenas para type = "image")


Propriedades globais

<Input> tag suporta os atributos globais, ver completar a folha de propriedades HTML Atributos globais .


Propriedades de evento

<Input> tag suporta todos os atributos de eventos HTML .