A nova forma de HTML5

Os novos elementos para as formas exigidas pelo HTML5 são indicativos dos objectivos da nova versão da linguagem: para criar, com a marcação soluções simples e mais funcional (actualmente possível somente usando linguagens de script), a fim de atender às necessidades de mudança do Internet.

Neste artigo vamos ver, através de numerosos exemplos, as inovações introduzidas por Ole HTML5 na criação de web-forma.

Mais uma vez devo lembrar ao leitor que nem todos os navegadores oferecem suporte para a nova linguagem de marcação (HTML 5 ainda não é um padrão, mas uma linguagem em desenvolvimento) por tanto, a fim de corrigir a exibição dos exemplos, sugiro navegador para usar já preparados, por exemplo, Opera.

Novos itens e extensões

As principais alterações dizem respeito à utilização de objetos de formulário específico (novas etiquetas) e extensões.

O uso de extensões permite, através da marca de entrada clássica, a validação automática de dados e / ou expandir o potencial de criar ferramentas complexas como, por exemplo, calendários.

Como entrada, sugiro-lhe um exemplo: nós substituir o campo de texto simples (<input type="text"/>) com algo mais específico: um campo de URL. Vamos ver o código:

 



 <form>







 URL: <input name="url" type="url" value="" required>







 </ Form>

 

Aparentemente você não notar qualquer diferença na visão, mas em um olho imediatamente experimentar as mudanças desde o clássico HTML4 marcação:

• O tipo específico ("url")
  A especificação do tipo de dados esperado é útil para o analisador de linguagem para analisar o conteúdo com apropriado e observe a presença de erros;
• a palavra-chave "necessária"
  Embora este seja HTML5 novo, como sugere, exige a realização do campo como obrigatório (mas vamos voltar mais tarde).

Antes de entrar no novo HTML5 eu acho que deveria ser uma revisão rápida sobre os controles para os módulos oferecidos pelo HTML4.

• <<
• 1
• 2
• 3
• 4
• 5
• >>