tag HTML <input>
Exemplos
Um formulário HTML simples que contém duas caixas de entrada de texto e um botão de envio:
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
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 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 .