HTML5のフォーム要素

新しいHTML5フォーム要素

次の新しいHTML5のフォーム要素：

• <データリスト>
• <keygenの>
• <出力>

注：すべてのブラウザでは、新しいHTML5のフォーム要素をサポートしていますが、ブラウザはフォームのプロパティは、まだ通常のフォーム要素として表示することができますサポートしていない場合でも、それらを使用することができません。

HTML5 <データリスト>要素

<データリスト>要素は、入力フィールドのオプションのリストを指定します。

<データリスト>属性は、フォームや入力フィールドが自動補完を持っている必要があります指定します。 ユーザーがオートコンプリートフィールドに入力を開始すると、ブラウザがこのフィールドに入力するためのオプションが表示されます：

属性と<データリスト>エレメント結合のリストの<input>要素を使用してください。

例

<input>要素は、<データリスト>定義済みの値を使用しています。

<入力 リスト = "ブラウザ"> <データリスト ID = "ブラウザ"> <オプション 値 = "Internet Explorerの"> <オプション 値 = "Firefoxの"> <オプション 値 = "クローム"> <オプション 値 = "オペラ"> <オプション 値 = "サファリ"> </データリスト>

»をお試しください

HTML5 <keygenの>要素

役割<keygenの>要素は、ユーザを認証するための信頼できる方法を提供することです。

<keygenの>タグは、所定の鍵ペアジェネレータフィールドを形成するために使用されます。

フォームを送信すると、それは二つの鍵、1プライベート、1公共を生成します。

秘密鍵（秘密鍵）をクライアントに格納され、公開鍵（公開鍵）がサーバに送られました。 公開鍵は、クライアント証明書（クライアント証明書）の後に、ユーザを認証するために使用することができます。

例

keygenのフィールド形式を持ちます：

<フォーム アクション = "demo_keygen.asp" メソッド = "GET"> ユーザ名：<入力 タイプ = "テキスト" 名前 = "usr_name"> 暗号化：<keygenの 名前は = "セキュリティ"> <入力 > = "提出" と入力 </フォーム>

»をお試しください

HTML5 <出力>要素

<出力>要素は、そのような計算やスクリプトの出力として出力の異なる種類の、のために使用されます。

例

結果は、<出力>要素に表示されます。

<フォーム oninput = "x.value = parseIntは（a.value ）+ parseIntは（b.value）"> 0 <入力 タイプ = "範囲" ID = "A" 値= "50"> 100 + <入力 タイプ = "数" ID = "B" 値= "50"> = <出力 名前 = "X" = "AB"> </のための出力> </フォーム>

»をお試しください

HTML5の新しいフォーム要素