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

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

青灯夜游オリジナル: 2022-01-23 17:44:494072ブラウズ

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

このチュートリアルの動作環境: 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 フォームの新しい要素は何ですか?

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

関連記事