Das beste HTML5-Formularelemente-Tutorial im Jahr 2024. In diesem Tutorial können Sie Die neuen HTML5-Formularelemente,HTML5 <datalist> -Element,Beispiele,HTML5 <keygen> -Element,Beispiele,HTML5 <output> -Element,Beispiele,HTML5 Neues Formular-Elemente, lernen
Die folgenden neuen HTML5-Formular-Elemente:
Hinweis: Nicht alle Browser die neuen HTML5 - Formularelemente unterstützen, aber Sie können sie verwenden, auch wenn der Browser immer noch als reguläre Formularelemente nicht angezeigt Form - Eigenschaften unterstützen kann.
<Datalist> Element gibt eine Liste von Eingabefeld Optionen.
<Datalist> Attribut gibt die Form oder das Eingabefeld zur automatischen Vervollständigung haben sollte. Wenn Benutzer die Eingabe in das Auto-Vervollständigen-Feld starten, sollte der Browser-Optionen in diesem Bereich zu füllen anzuzeigen:
Mit <input> Element einer Liste von Attributen und <DataList-> Element gebunden ist.
<Input> -Element verwendet die <DataList-> vordefinierte Werte:
Rolle <keygen> -Element ist eine zuverlässige Methode, um einen Benutzer zu authentifizieren.
<Keygen> -Tag wird verwendet, um einen vorbestimmten Schlüsselpaar Generatorfeld zu bilden.
Wenn ein Formular abgeschickt, erzeugt es zwei Schlüssel, einen privaten, ein Publikum.
Private Schlüssel (Private Key) wird in dem Client gespeichert, öffentlichen Schlüssel (public key) wurden an den Server gesendet. Der öffentliche Schlüssel kann verwendet werden, um den Benutzer nach dem Client-Zertifikat (Client-Zertifikat) zu authentifizieren.
Mit keygen Feld Form:
<Output> Element ist für verschiedene Arten von Ausgabe, wie Berechnungen oder Skript-Ausgabe verwendet:
Die Ergebnisse erscheinen in der <output> -Element:
标签 | 描述 |
---|---|
<datalist> | <input>标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 |
<keygen> | ><keygen> 标签规定用于表单的密钥对生成器字段。 |
<output> | <output> 标签定义不同类型的输出,比如脚本的输出。 |