ホームページ > 記事 > ウェブフロントエンド > フォーム要素入力ボックスのnameとidの違いの詳しい説明
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 を割り当てることもできます。
さまざまなタイプ属性に従って、入力フィールドには複数のフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、パスワード フィールド、ラジオ ボタン、ボタンなどがあります。
id: タグの一意の識別子として。
name: サーバーと対話できる HTML 要素のサーバー側の識別子。
name を取得することもできます。つまり、現在のタグまたは要素の名前を指定するか、またはJS を使用して値を制御できますが、フォームの送信後に名前を取得する必要があります。
以上がフォーム要素入力ボックスのnameとidの違いの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。