Die neue Form für HTML5

Die neuen Elemente für die Formen von HTML5 erforderlich sind bezeichnend für die Ziele der neuen Version der Sprache: zu erstellen, mit der einfachen Markup, mehr funktionale Lösungen (derzeit nur erreichbar durch Verwendung von Skriptsprachen), um den sich verändernden Bedürfnissen der gerecht Internet.

In diesem Artikel werden wir sehen, durch zahlreiche Beispiele, Ole Innovationen von HTML5 in der Erstellung von Web-Form eingeführt.

Wieder einmal sollte ich den Leser, dass nicht alle Browser unterstützen das neue Markup Language (HTML 5 ist noch kein Standard, sondern eine Sprache in der Entwicklung) für so um daran zu erinnern, um die Anzeige der Beispiele zu korrigieren, schlage ich vor, Browser zu benutzen bereits vorbereitet, zum Beispiel Opera.

Neue Artikel und Erweiterungen

Die wichtigsten Änderungen betreffen die Verwendung von Form-Objekten gewidmet (neue Tags) und Erweiterungen.

Die Verwendung von Erweiterungen ermöglicht, durch die klassische Input-Tag, die automatische Validierung von Daten und / oder erweitern das Potenzial, komplexe Tools wie zum Beispiel Kalender erstellen.

Als Vorspeise empfehle ich Ihnen ein Beispiel: Wir ersetzen die einfache Text-Feld (<input type="text"/>) mit etwas genauer: einen URL-Feld. Lassen Sie den Code sehen:

 



 <form>







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







 </ Form>

 

Anscheinend Sie keinen Unterschied bemerken in der Ansicht, aber ein Auge fällt sofort die Veränderungen von der klassischen HTML4-Markup:

• Die spezifische Art ("url")
  Die Spezifikation der erwarteten Datentyp ist nützlich, um die Sprache Parser, um den Inhalt mit den entsprechenden analysieren und feststellen das Vorhandensein von Fehlern;
• dem Stichwort "erforderlich"
  Obwohl es sich um neue HTML5, wie schon andeutet, setzt den erfolgreichen Abschluss des Feldes als obligatorisch (aber wir werden später noch zurückkommen).

Bevor wir in das neue HTML5 Ich denke, es sollte ein kurzer Überblick über die Bedienelemente für die Module von HTML4 angeboten werden.

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