Beispiele für HTML5-Formularelemente erklärt

HTML5 neue Formularelemente

HTML5 hat die folgenden neuen Formularelemente:

fc86e7b705049fc9d4fccc89a2e80ee3

aa983b9eb8086376f1f6481364a02e5a

Hinweis: Nicht alle Browser unterstützen die neuen HTML5-Formularelemente, aber Sie können sie verwenden, auch wenn der Browser das Formular--Attribut nicht unterstützt, kann es dennoch als reguläres angezeigt werden Formularelemente.

HTML5 fc86e7b705049fc9d4fccc89a2e80ee3-Element Das

fc86e7b705049fc9d4fccc89a2e80ee3-Element gibt eine Liste von Optionen für ein Eingabefeld an. Das Attribut

fc86e7b705049fc9d4fccc89a2e80ee3 gibt an, dass das Formular oder Eingabefeld über die Funktion Autovervollständigung verfügen soll. Wenn der Benutzer mit der Eingabe in ein Autovervollständigungsfeld beginnt, sollte der Browser die ausgefüllten Optionen in diesem Feld anzeigen:

Binden Sie das fc86e7b705049fc9d4fccc89a2e80ee3-Element mithilfe des Listenattributs des d5fd7aea971a85678ba271703566ebfd >

Instanz

fc86e7b705049fc9d4fccc89a2e80ee3 vordefinierter Wert:

<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

HTML5 aa983b9eb8086376f1f6481364a02e5a-Element Der Zweck besteht darin, eine zuverlässige Möglichkeit zur Authentifizierung von Benutzern bereitzustellen. Das Tag

aa983b9eb8086376f1f6481364a02e5a gibt das Schlüsselpaar-Feld

Generator

an, das im Formular verwendet werden soll.

Beim Absenden des Formulars werden zwei Schlüssel generiert, einer ist der private Schlüssel und der andere ist der öffentliche Schlüssel.

Der private Schlüssel wird auf dem Client gespeichert und der öffentliche Schlüssel wird an den Server gesendet. Der öffentliche Schlüssel kann verwendet werden, um später das Client-Zertifikat des Benutzers zu überprüfen (Client-Zertifikat

if

icate).

Beispiel

Formular mit Keygen-Feld:

HTML5 be6d67dae90cc1ad6469079e163d0939-Element

<form action="demo_keygen.asp" method="get">
用户名: <input type="text" name="usr_name">
加密: <keygen name="security">
<input type="submit">
</form>

be6d67dae90cc1ad6469079e163d0939-Element wird für verschiedene Arten von Ausgaben verwendet , wie Berechnung oder Skriptausgabe:

Instanz

Zeigt die Berechnungsergebnisse im

[Verwandte Empfehlungen]

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>

1.

Besondere Empfehlung

: Version „php Programmer Toolbox“ V0.1 herunterladenKostenlos h5 Online-Video-Tutorial

3. php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonBeispiele für HTML5-Formularelemente erklärt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!