Heim > Web-Frontend > H5-Tutorial > Einführung in die Verwendung der neuen HTML5-Formularelemente (Datenliste/Keygen/Ausgabe)_HTML5-Tutorialfähigkeiten

Einführung in die Verwendung der neuen HTML5-Formularelemente (Datenliste/Keygen/Ausgabe)_HTML5-Tutorialfähigkeiten

WBOY
Freigeben: 2016-05-16 15:49:08
Original
2211 Leute haben es durchsucht

HTML5 verfügt über mehrere Elemente und Attribute im Zusammenhang mit Formularen.

In diesem Kapitel werden die folgenden neuen Formularelemente vorgestellt:

•datalist
•keygen
•output

Browserunterstützung

Input type IE Firefox Opera Chrome Safari
datalist No No 9.5 No No
keygen No No 10.5 3.0 No
output No No 9.5 No No

Datalist-Element

Das Datalist-Element gibt eine Liste von Optionen für das Eingabefeld an.
Listen werden über Optionselemente innerhalb der Datenliste erstellt.
Wenn Sie die Datenliste an das Eingabefeld binden müssen, verwenden Sie bitte das Listenattribut des Eingabefelds, um auf die ID der Datenliste zu verweisen:

Instanz

Code kopieren
Der Code lautet wie folgt:

Webseite:
" />



Probieren Sie es selbst aus
Tipp: Das Option-Element muss immer den Wert festlegen Attribut.


keygen-Element
Der Zweck des keygen-Elements besteht darin, eine zuverlässige Möglichkeit zur Authentifizierung des Benutzers bereitzustellen.
Das keygen-Element ist ein Schlüsselpaargenerator. 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 später zur Überprüfung des Client-Zertifikats des Benutzers verwendet werden.

Derzeit ist die Browserunterstützung für dieses Element schlecht genug, um es zu einem nützlichen Sicherheitsstandard zu machen.

Beispiel

Code kopierenDer Code lautet wie folgt:

Benutzername: name="security" />




Probieren Sie es selbst aus
🎜>
Ausgabeelement

Ausgabeelement wird für verschiedene Arten der Ausgabe verwendet, z. B. Berechnung oder Skriptausgabe: Instanz




Code kopieren
Der Code lautet wie folgt: < ;/output>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage