HTML URL Input Generator
Erzeugt ein Eingabefeld speziell für URLs (<input type="url">). Browser validieren die Eingabe automatisch auf eine gültige URL.
Anwendung & Beispiele
Mobile Browser zeigen bei type="url" oft eine angepasste Tastatur mit Schrägstrich und Punkt. Die Validierung prüft auf das Schema (z.B. https://); für strengere Vorgaben kannst du zusätzlich ein pattern setzen.
FAQ
Validiert der Browser die URL automatisch?
Ja, der Browser prüft das URL-Format (Schema wie https:// erforderlich) und blockiert das Absenden, wenn die Eingabe ungültig ist. Für strengere Anforderungen (z.B. nur HTTPS) zusätzlich pattern="https://.*".
Akzeptiert das Feld auch relative URLs?
Nein — type="url" verlangt eine absolute URL mit Schema. Für relative Pfade nutze type="text" mit eigenem pattern.
Welche Tastatur erscheint auf Mobilgeräten?
Die meisten mobilen Browser zeigen ein angepasstes Layout mit Schrägstrich, Punkt und Doppelpunkt-Taste — schneller für URL-Eingaben.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.