HTML5 の新しいフォーム要素 (datalist/keygen/output) の使用方法の概要_html5 チュートリアル スキル

HTML5 には、フォームに関連するいくつかの要素と属性があります。

この章では、次の新しいフォーム要素を紹介します。

•datalist
•keygen
•output

ブラウザのサポート

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 要素

datalist 要素は、入力フィールドのオプションのリストを指定します。
リストはデータリスト内のオプション要素を介して作成されます。
データリストを入力フィールドにバインドする必要がある場合は、入力フィールドの list 属性を使用してデータリストの ID を参照してください:

インスタンス

コードをコピーします

コードは次のとおりです:

Web ページ:

自分で試してみる

ヒント: option 要素は常に値を設定する必要があります属性。

keygen 要素

keygen 要素の目的は、ユーザーを認証するための信頼できる方法を提供することです。
keygen 要素はキーペアジェネレーターです。フォームが送信されると、2 つのキーが生成されます。1 つは秘密キー、もう 1 つは公開キーです。

秘密キーはクライアントに保存され、公開キーはサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書を検証するために使用できます。

現在、この要素に対するブラウザのサポートは、セキュリティ標準として有用であるほど不十分です。
例

コードをコピー

コードは次のとおりです:

ユーザー名:
暗号化:

自分で試してみる🎜>出力要素

出力要素は、計算やスクリプト出力などのさまざまなタイプの出力に使用されます:
インスタンス

コードをコピーします

コードは次のとおりです: