La nouvelle forme de HTML5

Les nouveaux éléments pour les formulaires requis par HTML5 sont indicatifs des objectifs de la nouvelle version de la langue: pour créer, avec le balisage des solutions simples et plus fonctionnel (actuellement réalisables uniquement en utilisant des langages de script) afin de répondre aux besoins changeants de la Internet.

Dans cet article nous allons voir, à travers de nombreux exemples, les innovations introduites par Ole HTML5 dans la création de formulaire web.

Une fois encore je rappelle au lecteur que tous les navigateurs fournir un soutien à la nouvelle langage de balisage (HTML 5 n'est pas encore une norme, mais une langue en cours de développement) pour ainsi afin de corriger l'affichage des exemples, je suggère navigateur pour utiliser déjà préparé, par exemple, de l'Opéra.

De nouveaux articles et des extensions

Les principaux changements ont trait à l'utilisation d'objets de formulaire dédié (nouvelles balises) et les extensions.

L'utilisation d'extensions permet, grâce à la balise d'entrée classique, la validation automatique des données et / ou d'étendre le potentiel de créer des outils complexes comme, par exemple, des calendriers.

En entrée, je vous suggère un exemple: on remplace le champ de texte simple (<input type="text"/>) avec quelque chose de plus précis: un champ URL. Voyons le code:

 



 <form>







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







 </ Form>

 

Apparemment, vous ne remarquerez aucune différence dans la vue, mais à un œil immédiatement l'expérience de l'évolution du classique balisage HTML4:

• Le type spécifique ("url")
  La spécification du type de données attendu est utile à l'analyseur de langage pour analyser le contenu approprié et avec l'avis de la présence d'erreurs;
• le mot clé "nécessaire"
  Bien que ce soit HTML5 nouvelles, suggère que, nécessite la réalisation du champ comme obligatoire (mais nous reviendrons plus tard).

Avant d'entrer dans l'HTML5 nouvelles, je pense qu'il devrait être un examen rapide sur les commandes pour les modules offerts par HTML4.

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