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內(nèi)のoption要素を通じて作成されます。 データリストを入力フィールドにバインドする必要がある場(chǎng)合は、入力フィールドの 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 屬性を設(shè)定する必要があります。
keygen 要素 <form action="demo_form.asp" method="get"> output 要素は、計(jì)算やスクリプトなどのさまざまな種類の出力に使用されます出力: コードは次のとおりです:
keygen 要素は、ユーザーを認(rèn)証する信頼性の高い方法を提供するために使用されます。 keygen 要素はキーペアジェネレーターです。フォームが送信されると、秘密キーと公開キーの 2 つのキーが生成されます。 秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書を検証するために使用できます。
現(xiàn)在、この要素に対するブラウザのサポートは、セキュリティ標(biāo)準(zhǔn)として有用であるほど不十分です。
コードは次のとおりです:
ユーザー名: <input type="text" name="usr_name" />
暗號(hào)化: <keygen name="security" / >
<input type="submit" />
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>
