ホームページ  >  記事  >  ウェブフロントエンド  >  フォーム要素入力ボックスのnameとidの違いの詳しい説明

フォーム要素入力ボックスのnameとidの違いの詳しい説明

迷茫
迷茫オリジナル
2017-03-25 16:22:462135ブラウズ

1. Web 開発を行ったことのあるほぼすべての人が、要素の ID と名前の違いは何なのかを尋ねたことがあると言えます。 ID があるのに、なぜ名前が必要なのでしょうか?! また、最も古典的な答えも得られます。ID は人の ID 番号のようなもので、名前は ID が明らかに一意であり、名前は反復可能です。


先週、私もページに入力したIDと名前の問題に遭遇しました。 type="hidden" とすると、ID='SliceInfo' が 1 つだけ書き込まれ、値を割り当てた後、バックグラウンドで Request.Params["SliceInfo"] を実行しますが、値が取得できません。その後、Name でマークする必要があることに突然気づき、入力に Name='SliceInfo' を追加しました。すべて問題ありませんでした。

最初の段落の ID と名前に対する答えは一般的すぎます。もちろん、その説明は、クライアント側の HTML 要素の ID である ID については完全に正しいです。 Name は実際にはもっと複雑です。Name には多くの用途があるため、完全に ID に置き換えることはできず、ID をキャンセルします。具体的な用途は次のとおりです:

用途 1: 入力、選択、テキストエリア、ボタンなど、サーバーと対話できる HTML 要素のサーバー側インジケーターとして。サーバー側の名前に基づいて、Request.Params を通じて要素によって送信された値を取得できます。
使用 2: HTML 要素の入力 type='radio' グループ化、ラジオ ボタン コントロールが同じグループ化クラス内にあることがわかり、チェック操作はミューテックスであり、同時に選択できるラジオは 1 つだけです。このグループ化は以下に基づいて実装されます。同じ Name 属性に対して。
使用例 3: ページ内にアンカー ポイントを確立するには、7efff62941fed686d4bd0d39b11a282blink5db79b134e9f6b82c0b36e0489ee08ed は、href 属性を使用しない場合は、代わりに次のように Name を使用します。 name="PageBottom">5db79b134e9f6b82c0b36e0489ee08ed の場合、ページ アンカーを取得します。
使用 4: アプレット、オブジェクト、埋め込み、その他の要素などのオブジェクトとしてのアイデンティティ。たとえば、アプレット オブジェクト インスタンスでは、その名前を使用してオブジェクトを参照します。
使用 5: IMG 要素と MAP 要素をリンクするときに、IMG のホットスポット領域を定義したい場合は、その属性 usemap を使用する必要があるため、usemap="#name" (関連する MAP 要素の名前) とします。
使用6: いくつかの特定の要素の属性 (attribute、meta、param など)。

たとえば、オブジェクト

<PARAM NAME = "appletParameter" VALUE = "value">

またはメタ

<META NAME = "Author" CONTENT = "Dave Raggett">。

のパラメータを定義することは、明らかに、これらの用途を単純にIDに置き換えることはできないため、HTML要素のIDと名前はID番号と名前と同じではありません。違いは、それぞれに異なる機能があることです。

フォーム要素(フォーム入力テキストエリア選択)とフレーム要素(iframeフレーム)は名前を使用します
これらの要素はフォーム送信に関連しています(フレーム要素はフォームのターゲットに作用します)受信ページでは名前を持つ要素のみが受信されます。フォームの ID が割り当てられた要素はフォームを通じて値を受け取ることができません。例外はあります。A にはアンカー ポイントとして名前を割り当てることも、ID を割り当てることもできます。

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

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

さまざまなタイプ属性に従って、入力フィールドには複数のフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、パスワード フィールド、ラジオ ボタン、ボタンなどがあります。
id: タグの一意の識別子として。
name: サーバーと対話できる HTML 要素のサーバー側の識別子。

3.ID は #

で定義された CSS スタイルです。JS を使用して getElementById (ここでは ID) を制御して

name を取得することもできます。つまり、現在のタグまたは要素の名前を指定するか、またはJS を使用して値を制御できますが、フォームの送信後に名前を取得する必要があります。

4.id は通常 css や js での参照に使用され、name はフォーム送信に使用されます。name 属性が追加されたタグ要素のみがサーバーに送信されます。

以上がフォーム要素入力ボックスのnameとidの違いの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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