O melhor tutorial Propriedades do formulário HTML5 em 2024. Neste tutorial você pode aprender Propriedades HTML5 nova forma,<Form> / <input> atributo autocomplete,Exemplos,<Form> propriedade novalidate,Exemplos,<Input> atributo autofocus,Exemplos,<Input> propriedade de formulário,Exemplos,<Input> propriedade formaction,Exemplos,<Input> propriedade formenctype,Exemplos,<Input> propriedade formmethod,Exemplos,<Input> propriedade formnovalidate,Exemplos,<Input> propriedade formtarget,Exemplos,atributos <input> altura e largura,Exemplos,<input> propriedades de lista,Exemplos,<Input> mínimo e máximo de atributos,Exemplos,<input> várias propriedades,Exemplos,<Input> propriedade padrão,Exemplos,<Input> atributo espaço reservado,Exemplos,<Input> atributo obrigatório,Exemplos,<input> atributos da etapa,Exemplos,tag HTML5 <input>,
<Form> do HTML5 e <input> adiciona várias novas propriedades.
<form> novos atributos:
<input> Novas propriedades:
atributo autocomplete especifica o campo de formulário ou entrada deve ter autocomplete.
Quando os usuários começar a digitar no campo de preenchimento automático, o navegador deve exibir opções para preencher esse campo.
atributoautocomplete possível elemento de formulário está ligado, e no elemento de entrada é desligado: Tip.
Nota: autocomplete aplicar <form> tag, e os seguintes tipos de <input> tag: texto, pesquisa, url, telefone , e-mail, senha, datepickers, escala e cor.
formulário HTML no autocomplete aberto (a autocomplete campo de entrada de desligamento):
Dica: Alguns navegadores, você pode precisar ativar a funcionalidade Conclusão automática, a fim de pegar o imóvel.
Uma propriedade booleana propriedade novalidate.
atributo novalidate especifica quando enviar o formulário não deve validar a entrada forma ou de domínio.
Sem verificação envio de dados de formulário
atributo autofocus é um atributo booleano.
atributo autofocus especifica quando a página é carregada, o domínio receber automaticamente o foco.
Vamos "Nome" campo de entrada entrar no foco automático no carregamento da página:
atributo especifica um campo de entrada de formulário pertence a uma ou mais formas.
Dica: Para citar mais de uma forma, use uma lista separada por espaço.
Localizado a forma física fora do campo de entrada refere-se ao formulário HTML (o formulário é ainda uma entrada de formulário faz parte):
A propriedade formaction é usado para descrever a URL do envio do formulário.
O formaction atributos override <form> elemento no atributo action.
Nota: O atributo formactiontype = "submit" e type = "image".
HtmlForm submeter o seguinte formulário contém botão dois endereços diferentes:
formenctype atributo descreve o formulário é enviado para a codificação de dados do servidor (apenas para o método de formulário formulário = "post" forma)
sobreposições de propriedades formenctype ENCTYPE atribuir elementos de formulário.
Principal: Este atributo type = "submit" e type = "image" usado em conjunto.
O primeiro botão enviar para enviar os dados do formulário é codificado por padrão, o segundo botão de submeter-se a "multipart / form-data" formato de codificação para enviar os dados do formulário:
atributo formmethod define o envio do formulário caminho.
propriedade formmethod cobrindo o <form> atributo method do elemento.
Nota: Este atributo pode ser usado com type = "submit" e type = "image" usado em conjunto.
Redefinir o formulário de submissão a título de exemplo:
propriedade novalidate é uma propriedade booleana.
atributo novalidate descreve os elementos <input> não precisa ser validado quando o formulário é enviado.
atributos formnovalidate substituir atributo novalidate <form> elemento.
Nota: tipo de atributo formnovalidate = "enviar para uso com
Dois botões de enviar o formulário (não aplicável com verificação):
atributo formtarget especifica um nome ou uma palavra-chave para indicar os dados de exibição recebidas após o formulário é enviado.
As sobreposições de propriedades formtarget <form> atributo de destino do elemento.
Nota: tipo de atributo formtarget= "submit" e type = "image" usado em conjunto.
Dois botões de enviar o formulário exibido em janelas diferentes:
atributos de altura e largura especificada para o tipo de imagem do <input> altura da imagem tag e largura.
Nota: altura e largura propriedades só se aplicam ao tipo de imagem <input> tag.
Dica: A imagem geralmente especificar atributos de altura e largura.Se a imagem de definir a altura e a largura do espaço requerido para a imagem quando a página é carregada será retida. Sem esses atributos, o navegador não sabe o tamanho da imagem, e não pode anular o espaço apropriado. Fotos durante o processo de carregamento irá afetar o layout de página de mudança (embora imagem foi carregada).
Define uma imagem botão enviar, use atributos de altura e largura:
atributo de lista datalist especifica os campos de entrada. datalist é uma lista de opções para os campos de entrada.
Pré-definido em <datalist> em <input> valor:
min, max, e os atributos de passo são usados como tipos de entrada que contêm números ou datas Limited (restrições).
Nota: min, max, e os atributos da etapa aplica aos seguintes tipos de <input> tag: selecionadores de data, número e alcance.
<Input> elementos do configurações mínimas e máximas:
atributo múltiplo é um atributo booleano.
vários especifica atributos elemento <input> para selecionar vários valores.
Nota: várias propriedades aplicam-se aos seguintes tipos de <input> tag: e-mail e file:
atributo padrão descreve uma expressão regular usada para validar o valor de <input> elementos.
Nota: atributo padrãose aplica aos seguintes tipos de <input> tag: texto, pesquisa, url, tel , email, e senha.
Dica: É usado para o mundial título atributo descreve o modo.
Dica: você pode em nosso tutorial JavaScript para aprender sobre o conteúdo de uma expressão regular
O exemplo a seguir mostra um três cartas contêm campo de texto apenas (sem números ou caracteres especiais):
atributo de espaço reservado fornece uma pista (pista), descrevem o valor esperado do campo de entrada.
Um breve lembrete será exibida no campo de entrada antes do valor de entrada do usuário.
Nota: atributo de espaço reservadose aplica aos seguintes tipos de <input> tag: texto, pesquisa, url, telefone , e-mail e senha.
campo de entrada de texto de aviso t:
atributo obrigatório é um atributo booleano.
atributo obrigatório que especifica um campo de entrada deve ser preenchido (não vazia) antes de enviar.
Nota: atributos necessáriospara os seguintes tipos de <input> tag: texto, pesquisa, url, telefone , e-mail, senha, selecionadores de data, número, caixa, rádio e arquivo.
Não campos de entrada vazios pode:
atributo passo para o campo de entrada especifica os intervalos de números legais.
Se a etapa = "3", números legais poderia ser -3,0,3,6, etc
Dica: atributo passopode criar um valor máximo regional e atributos min.
Nota: etapa tipos de atributos usados em conjunto com o seguinte tipo: número, gama, data, data e hora , data e hora-local, mês, hora e semana.
Predeterminado etapa etapa de entrada 3:
标签 | 描述 |
---|---|
<form> | 定义一个form表单 |
<input> | 定义一个 input 域 |