ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLにおけるIDとNAMEの違い

HTMLにおけるIDとNAMEの違い

巴扎黑
巴扎黑オリジナル
2017-04-05 09:43:521681ブラウズ

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

上の段落の ID と名前に対する答えは一般的すぎるので、以下で詳しく説明します。

1. HTML 内の要素を呼び出すために名前と ID の両方を使用できます

スクリプトでページ内の HTML 要素にアクセスする必要がある場合、通常は HTML 要素の ID または名前を指定します

WEB 標準では、HTML ドキュメント内の任意の要素に、getElementById()、getElementsByName()、および getElementsByTagName() を介してアクセスできます。

特定の要素にアクセスするには、標準の document.getElementById(id) を使用してみてください。

ドキュメント内に同じ名前のタグが 3 つ以上ある場合、document.getElementsByName(name) はこれらの要素を取得して配列を形成できます。

タグにアクセスするには、標準の document.getElementByTagName(tag) を使用します。

注: ID 識別子では大文字と小文字が区別されますが、名前には基本的に要件がなく、数字も使用できます。

2. どのような場合に名前を使用する必要がありますか?

1. フォーム要素 (例: form、input、textarea、select、button など) は通常、フォームの送信に関連しており、ID が割り当てられた要素のみを受信できます。フォームを通じて。

2. フォーム要素のチェックボックスとラジオボタンは通常、複数のコントロールに対応します。この場合、グループ化を実現するには name 属性を使用する必要があります。同じグループは同じ名前を使用します。 2 つの質問の選択肢の間に干渉はありません。

3. フレーム要素の名前 (iframe、frame)。他の iframe およびフレームのターゲットを指定するために使用されます。

4. ページ内にアンカー ポイントを確立します。91d83b4822db6c9c4aabe5918601cc24link5db79b134e9f6b82c0b36e0489ee08ed は、href 属性が使用されない場合、代わりに name を使用します。 : 029682702b6277a67ebd72b563fab8f55db79b134e9f6b82c0b36e0489ee08ed、ページ アンカーを取得します。

5. IMG 要素と MAP 要素を関連付けるときに、IMG のホットスポット領域を定義する場合は、その属性 usemap を使用する必要があるため、usemap="#name" (関連する MAP 要素の名前) とします。

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

3. どのような状況で ID を使用する必要がありますか?

1. ラベルとフォーム コントロールの関連付け。例:

<label for="myInput">文本录入框</label>
<input id="myInput" type="text" />

2. ID を使用して CSS スタイルを設定できます。例:

<style type="text/css">
#my
{
      font-size: 12px;
      color: red;
}
</style>
<p id="my">设置字体大小和颜色</p>

以上がHTMLにおけるIDとNAMEの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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