HTML input タグの属性は何ですか? input タグの name 属性の概要

寻∝梦
リリース: 2018-08-28 17:24:21
オリジナル
8593 人が閲覧しました

この記事では、HTML input タグの name 属性を中心に、input タグの name 属性の例と 3 つの使用法、input タグの name 属性と id の違いについて紹介します。それでは、一緒に記事を読みましょう

まず、HTML input タグの name 属性について理解しましょう:

name 属性は、input 要素の名前を指定します。

name 属性は、サーバーに送信されたフォーム データを識別するため、またはクライアント上の JavaScript を通じてフォーム データを参照するために使用されます。

name 属性 name 属性が設定されたフォーム要素のみが、フォーム送信時に値を渡すことができます。 name 属性は、入力要素の名前を指定します。

name: コントロールの名前。コントロールがその name 属性を設定するかどうかは、この Web ページの機能には影響しません。ただし、このコントロールに関連付けられたデータをデータベースに転送する必要がある場合は、name 属性を設定する必要があります。人の名前と同じなので、同じ名前にすることもできます

次に、input タグの name 属性の例を見てみましょう:

2 つのテキスト フィールドと送信ボタンがある HTML フォーム:

<form action="form_action.asp" method="get">
  <p>姓名: <input type="text" name="fullname" /></p>
  <p>邮箱: <input type="text" name="email" /></p>
  <input type="submit" value="提交" />
</form>
ログイン後にコピー

わかりますか上の写真?次に、レンダリングを見てみましょう:

HTML input タグの属性は何ですか? input タグの name 属性の概要

input タグの name 属性の 3 つの用途について話しましょう:

1: サーバーと対話できる HTML 要素のサーバー側インジケーターとしてinput 、 select 、 textarea 、 button など。サーバー側の名前に基づいて、Request.Params を通じて要素によって送信された値を取得できます。

2: 特定の要素の属性 (attribute、meta、param など)。たとえば、オブジェクトのパラメータ またはメタの を定義します。

3: ページ内にアンカー ポイントを確立します。 がページのハイパーリンクを取得することであることがわかります。href 属性を使用しない場合は、代わりに Name を使用します。例: の場合、ページ アンカーを取得します。

ここで、HTML input タグの name 属性と id 属性の違いについて説明します。

id は、大文字と小文字の区別などの識別要件を満たしている必要があり、アンダースコアを含めないことが最善です (理由は、 CSS とは互換性がありません)。基本的に名前の要件はなく、数字も使用できます。 ID は人の ID 番号のようなもので、Name はその人の名前のようなもので、ID は明らかに一意であり、Name は繰り返し可能です。

タグは、ユーザーがデータを入力できる入力フィールドを指定します。

さまざまな型属性に応じて、入力フィールドにはさまざまな形式があります。入力フィールドには、テキスト フィールド、チェックボックス、パスワード フィールド、ラジオ ボタン、ボタンなどがあります。

id: タグの一意の識別子として。

name: サーバーと対話できる HTML 要素のサーバー側の識別子。

【編集者のおすすめ】

HTMLでベースタグの相対パスを記述するには? (使い方の紹介付き)

HTMLメタタグの役割とは何ですか? HTMLメタタグの使い方を紹介

以上がHTML input タグの属性は何ですか? input タグの name 属性の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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