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

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

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

青灯夜游
青灯夜游オリジナル
2021-12-17 16:54:562213ブラウズ

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 つ以上のフォームを定義します。
オブジェクトの一意の名前を定義します (フォームの送信時に使用されます)。
html ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。