html5の新しいフォーム要素とは何ですか？-フロントエンドQ&A-php.cn

html5の新しいフォーム要素とは何ですか？

青灯夜游

リリース： 2021-12-17 16:54:56

オリジナル

2249 人が閲覧しました

html5 フォーム要素: 1. "" は入力フィールドのオプションリストを指定します; 2. "" はフォームに使用されるキーペアジェネレーターフィールドを指定します; 3. "" ;output>"、さまざまなタイプの出力 (計算やスクリプト出力など) に使用されます。 "、入力フィールドのオプションのリストを指定します。 2. ""、フォームに使用されるキーペアジェネレーターフィールドを指定します。 3. ""、さまざまな種類の出力に使用されます (例:

html5の新しいフォーム要素とは何ですか？

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

HTML5 には次の新しいフォーム要素があります:

<datalist></datalist>
<keygen></keygen>
<output></output>

#HTML5 要素

要素は、入力フィールドのオプションのリストを指定します。

属性は、フォームまたは入力フィールドにはオートコンプリート機能が必要です。ユーザーがオートコンプリートフィールドに入力を開始すると、ブラウザはそのフィールドに入力されたオプションを表示する必要があります:

要素にバインドする要素。

<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>

ログイン後にコピー

html5の新しいフォーム要素とは何ですか？

HTML5 要素この要素の役割は、ユーザーを認証する方法を提供することです。信頼できるメソッド。

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

フォームが送信されると、秘密キーと公開キーの 2 つのキーが生成されます。キー。

秘密キーはクライアントに保存され、公開キーはサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書を検証するために使用できます。

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

ログイン後にコピー

html5の新しいフォーム要素とは何ですか？ Properties:

Properties##autofocuschallengedisabledformform_idキータイプ dsanamename

Value	Description
autofocus	ページが更新されたときにフィールドにフォーカスを取得します。
challenge	使用する場合、コミット時に尋ねる keygen の値を設定します。
disabled	要素フィールドを無効にします。
	1 つ以上のフォームを格納するフィールドを定義します。
rsa	ec はキーのセキュリティアルゴリズムを定義します。
	Definition 要素の一意の名前。 name 属性は、フォームの送信時にフィールドの値を収集するために使用されます。

HTML5 要素要素は、さまざまな種類の計算やスクリプト出力などの出力:

<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の新しいフォーム要素とは何ですか？プロパティ:

プロパティforelement_idformform_idnamename関連する推奨事項: 「

Value	Description
	計算に使用される要素と要素間の関係を説明します。計算結果。
	入力フィールドが属する 1 つ以上のフォームを定義します。
	オブジェクトの一意の名前を定義します (フォームの送信時に使用されます)。