HTML5-URL-Eingabetyp

URL ist ein anderes Wort für Webadresse. URL steht für Uniform Resource Locator und wird insbesondere bei HTTP verwendet. Die Webbrowser fordern Webseiten von Servern mithilfe einer URL an. In den Webbrowsern wird die URL einer Webseite oben in einer Adressleiste angezeigt. Es handelt sich um ein Eingabefeld, das absolute URL-Adressen im World Wide Web enthält.

Wie type=“email“ führt der Browser einige Validierungen für diese Felder durch, die den URL-Eingabetyp enthalten, und zeigt beim Absenden des Formulars Fehlermeldungen an. Die URL-Zeichenfolge besteht aus drei Teilen: Netzwerkprotokoll, Hostname und Ressourcenstandort. Es umfasst Schrägstriche, Punkte, Leerzeichen und die Erkennung von Domänen wie .com, .net oder .co.uk. Es wird von allen Browsern wie Mozilla Firefox, Internet Explorer, Opera, Google Chrome, Safari usw. unterstützt. Zum Beispiel: http://www.google.com.

Syntax des URL-Eingabetyps

<input type="url" name="some-name">

Beispiel für einen HTML5-URL-Eingabetyp

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>URL Input Type</title>
</head>
<body>
	<form>
          <input type="url" name="website_address"
                 placeholder="Enter the Address" required="required">
          <input type="Submit" value="submit">
	</form>
</body>
</html>

Wie im obigen Programm gezeigt, haben wir den Eingabetyp „URL“ verwendet, der es dem Benutzer ermöglicht, eine Webadresse oder URL in die Adressleiste einzugeben. Das Platzhalterattribut gibt einen kurzen Hinweis an, der den Wert des Eingabefelds beschreibt. Das erforderliche Attribut gibt an, dass vor dem Absenden des Formulars ein Eingabefeld ausgefüllt werden muss.

HTML5-URL-Demo

  • Speichern Sie die Datei als url_example.html in Ihrem System.
  • Öffnen Sie einfach die Datei im Browser. Sie sehen das folgende Bild im Browser. Beachten Sie, dass der Browser die HTML5-Spezifikation unterstützen muss.

Nach der Ausführung des obigen Programms erhalten wir das folgende Ergebnis.

HTML5-URL

HTML5-URL1

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen