Kommentar: HTML5 verfügt über mehrere Elemente und Attribute mit Formularen. Hier sind die neuen Formularelemente, datalistischen Elemente, Keygen -Elemente, Ausgabeelemente und deren Nutzungsbeispiele. Interessierte Freunde können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
HTML5 verfügt über mehrere Elemente und Attribute, an denen Formen beteiligt sind.
In diesem Kapitel werden die folgenden neuen Formularelemente vorgestellt:
• Datalist
• Keygen
•Ausgabe
Browserunterstützung
Eingabe TypiefireFoxoperachromesafari
Datalistnono9.5nono
KeyGennono10.53.0no
outputnono9.5nono
datalistisches Element
Das Datalist -Element gibt eine Liste von Optionen für das Eingabefeld an.
Die Liste wird mit dem Optionselement im Datalisten erstellt.
Um den Datalisten an die Eingabedomäne zu binden, finden Sie in der ID des Datalisten das Listenattribut der Eingabedomäne:
Beispiel
Webseite: <Eingabe type = "url" list = "url_list" />
<Datalist>
<option label = "w3school" value = "http://www.w3school.com.cn"/>
<Option Label = "Google" value = "http://www.google.com"/>
<option label = "microsoft" value = "http://www.microsoft.com"/>
</datalist>
Probieren Sie es selbst aus
Tipp: Das Optionselement muss immer das Wert -Attribut festlegen.
Keygen -Element
Die Funktion des Keygen -Elements besteht darin, eine zuverlässige Möglichkeit zur Überprüfung von Benutzern bereitzustellen.
Das Keygen-Element ist ein Schlüsselpaargenerator. Bei der Übermittlung des Formulars werden zwei Schlüssel generiert, einer ist der private Schlüssel und der andere der öffentliche Schlüssel.
Der private Schlüssel wird im 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.
Derzeit reicht die schlechte Unterstützung des Browsers für dieses Element nicht aus, um es zu einem nützlichen Sicherheitsstandard zu machen.
Beispiel
<form action = "Demo_form.asp" method = "get">
Benutzername: <Eingabe type = "text" />
Verschlüsselung: <Keygen />
<input type = "subieren" />
</form>
Probieren Sie es selbst aus
Ausgabeelement
Das Ausgabeelement wird für verschiedene Arten von Ausgängen verwendet, z. B. Berechnung oder Skriptausgabe:
Beispiel
<Ausgabe ondInput = "rescalc ()"> </output>