HTML5の新しいフォーム要素

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

•datalist
•keygen
•output

ブラウザのサポート

入力タイプ IE Firefox Opera クロームサファリ

datalist No 9.5 No No

keygen No No 10.5 3.0 No

output No 9.5 No No

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

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

Webpage: <input type= "url" list="url_list" name= "link" />

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

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

keygen 要素
keygen 要素は、ユーザーを認証する信頼性の高い方法を提供するために使用されます。 keygen 要素はキーペアジェネレーターです。フォームが送信されると、秘密キーと公開キーの 2 つのキーが生成されます。秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書を検証するために使用できます。
現在、この要素に対するブラウザのサポートは、セキュリティ標準として有用であるほど不十分です。

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

<form action="demo_form.asp" method="get">
ユーザー名: <input type="text" name="usr_name" />
暗号化: <keygen name="security" / >
<input type="submit" />

output 要素は、計算やスクリプトなどのさまざまな種類の出力に使用されます出力: コードは次のとおりです:

例:

rree

<!doctype html>
<html>
    <head> 
    <meta charset="utf-8"> 
    <title>php.cn</title> 
    </head>
    
<body>
   <form action="demo_keygen.php" method="get">
       用户名: <input type="text" name="usr_name">
      加密: <keygen name="security">
      <input type="submit">
    </form>
</body>
</html>

学び続ける

新しいファイル

<!doctype html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <p>浏览器版本：<input list="words"></p> <datalist id="words"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> <option value="Sogou"> <option value="Maxthon"> </datalist> </body> </html>

提出するリセットコード

自動運転