HTML5 Eingabetyp ''url'' - Formulare & HTML5 - Workshop für den kostenlosen und werbefreien Formmailer (mit Spam Schutz) von www.onlex.de - http://formws.onlex.de

Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer

HTML5 Eingabetyp ''url''

type="url"

Stand:

Der Eingabetyp url dient - wie man es sich fast denken kann - zur Eingabe einer Website-Adresse (URL). Die Interpretation dieses Eingabetypes ist von Browser zu Browser wieder einmal unterschiedlich:
Manche Browser validieren die Eingaben, andere wiederum nicht (oder nur unzureichend) oder bringen eine weitere Funktion mit wie z.B. ein zusätzliches "http://", welches bei der Eingabe automatisch hinzugefügt wird.

Beispiel:

Quelltext-Auszug:


					<input type="url" name="website" size="20">

Das obige Beispiel zeigt ein normales Eingabefeld, welches den Typ "url" besitzt. Alle weiteren Attribute wie name und size sind wie bei allen input Elementen erforderlich. Insbesondere muss das name Attribut vorhanden sein, wenn eine Validierung der Eingabe gewünscht ist.

Wie eingangs schon geschrieben, ist die Interpretation je nach Browser unterschiedlich:

Firefox: Sobald ein Zeichen mit einem ":" im Textfeld notiert ist, gilt die Eingabe als gültig. Beispiel: "a:"
Opera: Bei Eingabe einer Web-Adresse wie www.formws.onlex.de wird automatisch ein http:// bei Verlassen des Eingabefeldes hinzugefügt, so dass als Ergebnis dann http://www.formws.onlex.de im Eingabefeld steht.

↑ zum Seitenanfang ↑