Het nieuwe formulier voor HTML5

De nieuwe elementen voor de formulieren die door HTML5 zijn een indicatie van de doelstellingen van de nieuwe versie van de taal: er moet, met de eenvoudige markup, meer functionele oplossingen (op dit moment uitsluitend worden bereikt door gebruik te maken scripting talen) om aan de veranderende behoeften van de internet.

In dit artikel zullen wij zien door middel van talloze voorbeelden, Ole vernieuwingen geïntroduceerd door HTML5 in het creëren van web-formulier.

Eens te meer moet ik de lezer dat niet alle browsers ondersteuning bieden aan de nieuwe markup language (HTML 5 is nog niet een norm, maar een taal in ontwikkeling) voor dus om eraan te herinneren dat de weergave van de voorbeelden juist, stel ik voor browser te gebruiken die reeds voorbereid, bijvoorbeeld Opera.

Nieuwe items en uitbreidingen

De belangrijkste wijzigingen hebben betrekking op het gebruik van speciale formulier objecten (nieuwe tags) en uitbreidingen.

Het gebruik van extensions kan, door middel van de klassieke input-tag, de automatische validatie van de gegevens en / of uitbreiden van de mogelijkheden om complexe tools zoals, bijvoorbeeld, kalenders te maken.

Als een starter ik stel voor dat je een voorbeeld: vervangen we de eenvoudige tekst veld (<input type="text"/>) met iets meer specifiek: een URL-veld. Laten we de code te zien:

 



 <form>







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







 </ Form>

 

Blijkbaar u merken geen verschil in de weergave, maar in een oog direct ervaren de veranderingen ten opzichte van de klassieke HTML4 markup:

• Het specifieke type ("url")
  De specificatie van de verwachte data type is het handig om de taal parser om de inhoud te ontleden met de juiste en de aanwezigheid van fouten kennisgeving;
• het sleutelwoord "noodzakelijk"
  Hoewel dit nieuwe HTML5, als suggereert, vereist de voltooiing van het veld als verplichte (maar we zullen later op terug).

Alvorens in te gaan in de nieuwe HTML5 denk ik dat het een snel overzicht over de controles voor de modules die door HTML4 worden.

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