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

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>