Tutorial de instância HTML5: Propriedades das tags de formulário da web

Artigo Introdução de wulin.com (www.vevb.com): No HTML5, o padrão Web Forms 2.0 é absorvido e as funções para elementos de formulário são bastante fortalecidas, tornando o desenvolvimento de formas mais rápidas e convenientes.

No HTML5, o padrão Web Forms 2.0 é absorvido e as funções para elementos de formulário são bastante fortalecidas, tornando o desenvolvimento de formas mais rápido e conveniente.

1. Atributo da forma

No HTML5, você pode escrever o elemento escravo do formulário em qualquer lugar da página e, em seguida, especificar um atributo de formulário para o elemento, e o valor do atributo é o ID do formulário, para que o elemento possa ser declarado pertencer ao formulário especificado.

<form id = test> <type de entrada = text> </form> <textarea form = test> </sexttarea> 2. Propriedade da formação

No HTML5, você pode adicionar diferentes atributos de formatação a todos os botões de envio, clique em botões diferentes e enviar formulários diferentes para páginas diferentes.

<TIPO DE INPUTAÇÃO = Submeter formato = A.Php> <Tipo de entrada = Enviar formato = B.Php> 3.Fomethod ATTRIÇÃO

No HTML5, você pode usar o atributo de formação para especificar uma página de envio diferente para cada elemento do formulário e também pode usar o atributo do formthod para especificar um método de envio diferente para cada elemento do formulário.

<Tipo de entrada = submeter formato = a.php formmethod = post> <type de entrada = submeter formato = a.php formmethod = get> 4.placeholder atributo

O espaço reservado refere -se à redução da opacidade da mensagem de texto quando a caixa de texto está em um estado desnutador e o foco do cursor não é obtido. Por exemplo, o efeito da caixa de pesquisa base de rede deste site é.

<TIPO DE INPUTO = PLGETHERDER DO TEXTO = Clique aqui para pesquisar> 5. ATRICTAMENTO DE ALATOFOCUSO FOCUS

Ganhe automaticamente o foco do cursor para a caixa de texto, caixa de seleção ou controle de botões.

<Tipo de entrada = Texto AutoFocus> 6. List Atributo

No HTML5, adicione um atributo de lista a uma caixa de texto de linha única e o valor do atributo é o ID de um elemento de dados. O elemento de dados é semelhante a uma caixa de seleção. O elemento em si não é exibido, mas é exibido em uma entrada rápida quando a caixa de texto obtém foco.

<Tipo de entrada = Lista de texto = webjxcom> <Datalist ID = webjxcom style = display: None;> <pution> html </pption> <pption> css </pption> <pution> javascript </pption> </datalist>

Para evitar exibir incorretamente nos navegadores que não suportam esse elemento, defina -o para não ser exibido com CSS, etc.

7.AUOTCOMPLETE atributo

A função de conclusão automática usada para entrada auxiliar salva o tempo de entrada e também é uma função muito conveniente. Para o atributo AuotComplete, você pode especificar três valores: ON, OFF e (não especificar).

<Tipo de entrada = Texto AutoComplete = na lista = webjxcom>