ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5 フォームの新しい要素は何ですか?

HTML5 フォームの新しい要素は何ですか?

青灯夜游
リリース: 2022-01-23 17:44:49
オリジナル
4075 人が閲覧しました

HTML5 フォームの新しい要素は次のとおりです: 1. 「」ラベル要素は、入力コントロールの事前定義されたオプションを定義できます。2. 「」ラベル要素は、キー ペア ジェネレーター フィールド (フォーム用); 3. "" タグ要素は計算結果を定義できます。

HTML5 フォームの新しい要素は何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 フォームの新しい要素

#計算結果を定義します。
タグ 説明
入力コントロールの事前定義されたオプションを定義します。
キー ペア ジェネレーター フィールドを定義します (フォームで使用するため)。

1. タグ

タグは、 タグは、 要素に「オートコンプリート」機能を提供するために使用されます。ユーザーには、ユーザーの入力データとして機能する事前定義されたオプションを含むドロップダウン リストが表示されます。

要素の list 属性を使用して、 要素をバインドしてください。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
	
<form action="#" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

</body>
</html>
ログイン後にコピー

HTML5 フォームの新しい要素は何ですか?

2, タグ

タグは、フォーム フィールドに使用されるキー ペア ジェネレーターを指定します。

フォームが送信されると、秘密キーはローカルに保存され、公開キーはサーバーに送信されます。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<form action="demo_keygen.php" method="get">
  用户名: <input type="text" name="usr_name">
  加密: <keygen name="security">
  <input type="submit">
</form>

</body>
</html>
ログイン後にコピー

HTML5 フォームの新しい要素は何ですか?

3. タグ

タグは、計算結果の出力として表示されます (例:スクリプト出力の実行)。

<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>
ログイン後にコピー

HTML5 フォームの新しい要素は何ですか?

関連する推奨事項:「

html ビデオ チュートリアル

以上がHTML5 フォームの新しい要素は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート