HTML5-Formularelemente

Die neuen HTML5-Formularelemente

Die folgenden neuen HTML5-Formular-Elemente:

• <Datenliste>
• <Keygen>
• <Output>

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.

HTML5 <datalist> -Element

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

Beispiele

<Input> -Element verwendet die <DataList-> vordefinierte Werte:

<Input list = "Browser"> <Datalist id = "Browser"> <Option value = "Internet Explorer"> <Option value = "Firefox"> <Option value = "Chrome"> <Option value = "Opera"> <Option value = "Safari"> </ Datalist>

Versuchen »

HTML5 <keygen> -Element

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.

Beispiele

Mit keygen Feld Form:

<Form action = "demo_keygen.asp" method = "get"> Benutzername: <input type = "text" name = "usr_name"> Verschlüsselung: <keygen name = "Sicherheit"> <Input type = "submit"> </ Form>

Versuchen »

HTML5 <output> -Element

<Output> Element ist für verschiedene Arten von Ausgabe, wie Berechnungen oder Skript-Ausgabe verwendet:

Beispiele

Die Ergebnisse erscheinen in der <output> -Element:

<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"> = < Ausgang name = "x" for = "ab"> </ output> </ Form>

Versuchen »

HTML5 Neues Formular-Elemente