Beispiele für HTML5-Formularelemente erklärt-H5-Tutorial-php.cn

Beispiele für HTML5-Formularelemente erklärt

零下一度

Freigeben： 2017-05-15 10:57:57

Original

1801 Leute haben es durchsucht

HTML5 neue Formularelemente

HTML5 hat die folgenden neuen Formularelemente:

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 -Element Das

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

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 -Element mithilfe des Listenattributs des >

Instanz

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>

Nach dem Login kopieren

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

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

icate).

Beispiel

Formular mit Keygen-Feld:

HTML5 -Element

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

Nach dem Login kopieren

-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>

Nach dem Login kopieren

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!