HTML5新しいテーブルユニット要素
HTML5には、次の新しいテーブル要素があります。
St <Datalist>
en <keygen>
t <出力>
注:すべてのブラウザは、HTML5の新しいテーブルユニット要素をサポートするわけではありませんが、ブラウザがフォーマット属性をサポートしていなくても、使用できます。
HTML5 <Datalist>要素<DataList>要素入力ドメインのオプションリストを指定します。
<datalist>属性は、フォームまたは入力ドメインに自動完了関数が必要であると規定しています。ユーザーがドメインの自動完了で入力を開始すると、ブラウザはこのドメインに記入されたオプションを表示する必要があります。
<inupt>要素のリスト属性を使用して、<datalist>要素をバインドします。
<!doctype html> <html> <body> <form action = demo-form.php = get> <input list = browser> <datalist id = browsers> <option value> <option value = firefox> <option value = chrome> <option value = opera> <option value = safari> </datalist> <入力タイプ= submit> </form> <p> </strong> Internet Explorer 9(以前のIEバージョン)、 SafariはDatalistタグをサポートしていません。 </p> </body> </html>html5 <keygen>要素
<keygen>要素の役割は、ユーザーを検証するための信頼できる方法を提供することです。
<keygen>ラベルは、フォームのジェネレーターフィールドのキーペアを指定します。
フォームが送信されると、2つのキーが生成され、1つは秘密鍵、もう1つは公開キーです。
秘密鍵がクライアントに保存され、公開キーがサーバーに送信されます。公開キーを使用して、後でユーザーのクライアント証明書を確認できます。
<!doctype html> <html> <body> <form action = demo_keygen.php> username:<入力タイプ= usr_name> encryption:<keygen name = security> <input> </ form > <p> <strong>注:</strong> Internet ExplorerはKeyGenタグをサポートしていません。 </p> </body> </html>HTML5 <Output>要素
<出力>要素は、計算やスクリプト出力など、さまざまな種類の出力に使用されます。
<!doctype html> <html> <body> <form oninput = x.value = parseint+ parseint(b.value)> 0 <入力タイプ=範囲id = 50> 100+ id = b値= 50> = <出力名= x for = a b> </output> </form> <p> <strong>注:</strong>インターネットエクスプローラーは出力タグをサポートしていません。 </p> </body> </html>
HTML5新しいテーブルユニット要素
上記は、この記事のすべての内容です。