ホームページ > 記事 > ウェブフロントエンド > HTML5 フォーム要素の例の説明
HTML5 の新しいフォーム要素
HTML5 には次の新しいフォーム要素があります:
fc86e7b705049fc9d4fccc89a2e80ee3
aa983b9eb8086376f1f6481364a02e5a
be6d67dae90cc1ad6469079e163d0939
注: すべてのブラウザが HTML5 の新しいフォーム要素をサポートしているわけではありませんが、使用できます。ブラウザがフォーム 属性 をサポートしていない場合でも、通常のフォーム要素として表示されます。
HTML5 fc86e7b705049fc9d4fccc89a2e80ee3 要素
fc86e7b705049fc9d4fccc89a2e80ee3 要素は、入力フィールドのオプションのリストを指定します。
fc86e7b705049fc9d4fccc89a2e80ee3 属性は、フォームまたは入力フィールドに auto-complete 関数が必要であることを指定します。ユーザーがオートコンプリート フィールドに入力を開始すると、ブラウザはそのフィールドに入力されたオプションを表示する必要があります。
Example
< の list 属性を使用して fc86e7b705049fc9d4fccc89a2e80ee3 要素をバインドします。 ; input> 要素は、事前定義された値を使用します:
<input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
aa983b9eb8086376f1f6481364a02e5a タグは、フォームで使用されるキー ペア
generatorフィールドを指定します。 フォームが送信されると、2 つのキーが生成されます。1 つは秘密キー、もう 1 つは公開キーです。
秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書 (client cert
ifkeygen フィールドを含むフォーム:
<form action="demo_keygen.asp" method="get"> 用户名: <input type="text" name="usr_name"> 加密: <keygen name="security"> <input type="submit"> </form>
HTML5
例
計算結果を表示するbe6d67dae90cc1ad6469079e163d0939 要素:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 + <input type="number" id="b" value="50">= <output name="x" for="a b"></output> </form>
【関連する推奨事項】
1.
特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード2.
3. php.cn オリジナルの HTML5 ビデオチュートリアル
以上がHTML5 フォーム要素の例の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。