HTML5 Tutorial Formular - Stand: NetObjects Fusion 2013 (Update 1) - seit Update 3 (Build 5535) funktioniert es
Die hier beschriebenen Fehler wurden mit dem Update 3 (Build 5535) vom 17.10.2013 behoben. Guckt auch hier, dort habe ich nichts auskommentiert.
Leider hatte NOF 2013 (bis “Build 5535) viele noch nicht behobene Fehler in dieser Prüfung und die Erstellung dieser HTML5-Befehle habe ich hier selbst und händisch eingefügt, da diese Prüfung mit den vorhandenen NOF-Mitteln nicht funktionierte. Weiterhin wurde HTML5 nur in UTF-8 korrekt angezeigt und die NOF-Skipte wurden ausschließlich richtig verarbeitet, wenn man "Nach Site Struktur" publiziert.
Bitte guckt Euch für die einzelnen HTML5 “Input Types” auch diese Seite an:
www.w3schools.com/html/html5_form_input_types.asp
Ich habe also zunächst im Formular-Eigenschaften-Fenster unter der “Formularfeld-Analyse” alle Pflichtfelder auf “required” gesetzt.
Nun einige Beispiele der verschiedenen, hier verwendeten Eingabe-Typen:
- pattern = Mindesteingabe der Zeichen (hier 3) und maximal verwendbare Zeichen (hier 50)
> Objekt-HTML > “im Tag”
- date = Datumsfeld, es wird von HTML5 automatisch ein Datepicker verwendet
Da NOF sämtliche Felder als type=“text” deklariert, habe ich hier das gesamte Input-Tag von NOF auskommentiert und es entsprechend mit dem
Typ “date” versehen.
- number = numerisches Feld, hier mit einem Bereich zwischen min=”1900” und max= “2013”
- email = es wird automatisch von HTML5 auf die Eingabe einer gültigen eMail-Adresse geprüft
- placeholder = es wird der eingetragene Text in das Feld geschrieben, der bei dem Beschreiben des Benutzers automatisch verschwindet
Wenn Ihr den von HTML5 vorgegeben Text “Bitte füllen Sie dieses Feld aus.” mit einem eigenen Text (title) versehen wollt, dann müsst Ihr jeweils noch einen Titel hinzufügen. Dabei ist zu beachten, dass der Firefox-Browser z.Zt. noch ein eigenen Attribut benötigt - hier blau markiert.
title="Bitte gebe Deinen Namen ein (3 - 50 Zeichen)" x-moz-errormessage="Bitte gebe Deinen Namen ein (3 - 50 Zeichen)"
