Exemplo de uso de formulários HTML5 (recursos absolutamente particularmente poderosos)

Comentário: As funções absolutamente poderosas nos formulários HTML5 são introduzidas em detalhes neste artigo, incluindo: as propriedades do formulário, e existem renderizações. Você pode se referir a eles.

2. Verificação da data (ano, mês, data): tipo = data

3. Verificação de tempo (formato: 00:00): TIPO = Hora

4. Verificação de números (pode ser adicionada e subtraída) tipo = número

5 Mês (-ano-mês) Tipo = mês

6. Semana (----------------------------------------------------------------------------------------------------------------------------------------

7. Faixa (intervalo 0-100) Tipo = intervalo

8. Tipo de pesquisa = Pesquisa

9. Coleção de cores: tipo = cor

10. Verificação de URL (deve ser precedida) Tipo = URL

<form ação = "myform.php" método = 'post'>

E -mail: <input type = "email" requerido = "requerido" /> <br/>

Data: <input type = "date" /> <br/>

Tempo: <input type = "time" /> <br/>

Número: <input type = "número" /> <br/>

Mês: <input type = "mês" /> <br/>

Semana: <input type = "semana"/> <br/>

Faixa: <input type = "range" /> <br/>

Pesquise: <input type = "pesquisa"/> <br/>

Cor: <input type = "color" /> <br/>

<input type = "text" value = "" list = "filme"/>

<Datalist>

<pution> hahaha </pption>

<pution> ei ei ei ei </pption>

<pution> hehehe </pption>

</datalist>

<input type = "submite" value = "submit"/>

</morm>

url: <input type = "url" requerir = "requerir" form = "myform" /> <br/>

Nome de usuário: <input type = "text" requerir = "requerir" placeholder = "por favor, digite o nome de usuário" form = "myform" autofocus = "AutoFocus" padrão = '/w {5}'/>

atributo de formulário adicionado html

1. Necessário = necessário. Obrigatório.

2. Plano de espaço reservado = insira o valor padrão do nome do usuário. O prompt não é enviado ao servidor.

3. Foco automático = função automática de foco automático para melhorar a facilidade de uso

4. Padrão = '/W {5}' Preencha a expressão regular no elemento HTML

Você pode enviar formulários fora dos formulários, mas em <formulário de entrada = myForm/>, formulário = myform precisa ser igual ao valor do ID no formulário, ou seja: <formul

Preencha automaticamente o formulário: (O efeito parece muito melhor que a lista suspensa e parece bom) O valor da lista deve ser igual ao valor do ID no diário de dados para que eu possa reconhecer o conteúdo que desejo exibir:

<input type = "text" value = "" list = "filme"/>

<Datalist>

<pution> hahaha </pption>

<pution> ei ei ei ei </pption>

<pution> hehehe </pption>

</datalist>

Um adesivo: