ホームページ ウェブフロントエンド htmlチュートリアル HTML 要素 ID と Name 属性の具体的な違い

HTML 要素 ID と Name 属性の具体的な違い

May 13, 2017 pm 03:05 PM

HTML 要素の ID 属性と Name 属性の違い

今日は突然興味が湧き、これら 2 つの属性の具体的な違いを詳しく調べてみたいと思いました
最も古典的な答え: ID は人の ID 番号のようなもので、Name は人の ID 番号のようなものです。彼の名前と ID は明らかに一意ですが、名前は繰り返すことができます。 明らかに、ID と名前に対する答えは一般的すぎます。もちろん、クライアント側の HTML 要素の ID である ID については、その説明は完全に正しいです。 Name は実際にはさらに複雑です。Name には多くの用途があるため、完全に ID に置き換えることはできず、ID がキャンセルされます。具体的な用途は次のとおりです:
用途 1: 入力、選択、テキストエリア、ボタンなど、サーバーと対話できる HTML 要素のサーバー側インジケーターとして。サーバー側の名前に基づいて、Request.Params を通じて要素によって送信された値を取得できます。

使用 2: HTML 要素の入力タイプ = 'radio' グループ化、ラジオ ボタン コントロールが同じグループ化クラスにあること、チェック操作がミューテックスであることがわかっています、同時に選択できるラジオは 1 つだけです、このグループ化は以下に基づいて実装されますの同じ Name 属性にあります。

目的 3: ページ内にアンカー ポイントを確立する <a href="URL"</a> がページのハイパーリンクを取得することであることがわかります。href 属性を使用しない場合は、代わりに Name を使用します。 < a name="PageBottom"></a> のように、ページ アンカーを取得します。

使用 4: アプレット、オブジェクト、埋め込み、その他の要素などのオブジェクトとしてのアイデンティティ。たとえば、アプレット オブジェクト インスタンスでは、その名前を使用してオブジェクトを参照します。

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

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

明らかに、これらの用途は単純に ID に置き換えることはできません。そのため、HTML 要素の ID と名前の違いは、ID 番号と名前の違いではありません。それらは異なる機能を持っています。

1

2

3

4

5

6

7

8

9

&lt;input    name= &quot;xx &quot;&gt;     会提交数据

&lt;input   id= &quot;xx &quot;&gt;     不会提交数据

     &lt;input   id= &quot;xx &quot;   name= &quot;yy &quot;&gt;

&lt;label   for= &quot;xx &quot;&gt; Label &lt;/label&gt;     这里的for属性必须是指向一个id,否则没效果

     &lt;input   name= &quot;xx &quot;   type= &quot;radio &quot;   value= &quot;1 &quot;&gt;

&lt;input   name= &quot;xx &quot;   type= &quot;radio &quot;   value= &quot;2 &quot;&gt;

&lt;input   name= &quot;xx &quot;   type= &quot;radio &quot;   value= &quot;3 &quot;&gt; 这里必须name相同才能成为一组单选按钮,而id则没有这个功能。

     &lt;input   name= &quot;xx &quot;&gt;     对应脚本document.getElementsByName( &quot;xx &quot;)[0]

&lt;input   id= &quot;xx &quot;&gt;         对应脚本document.getElementByIdx_x( &quot;xx &quot;)

ログイン後にコピー

上記は、これら 2 つの属性の具体的な違いです。

【関連推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1バージョンのダウンロード

2. 無料のHTMLオンラインビデオチュートリアル

3 。

php.cn オリジナルの HTML5 ビデオチュートリアル

以上がHTML 要素 ID と Name 属性の具体的な違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットツール Tags

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ビットコインには株式がありますか? ビットコインには株式がありますか? Mar 03, 2025 pm 06:42 PM

ビットコインには株式がありますか?

Deepseek R1とV3バージョンの違いは何ですか Deepseek R1とV3バージョンの違いは何ですか Feb 19, 2025 pm 03:24 PM

Deepseek R1とV3バージョンの違いは何ですか

DeepSeek使用のためのFAQの概要 DeepSeek使用のためのFAQの概要 Feb 19, 2025 pm 03:45 PM

DeepSeek使用のためのFAQの概要

PHPでHTML/XMLを解析および処理するにはどうすればよいですか? PHPでHTML/XMLを解析および処理するにはどうすればよいですか? Feb 07, 2025 am 11:57 AM

PHPでHTML/XMLを解析および処理するにはどうすればよいですか?

なぜビテンサーはAIトラックの「ビットコイン」と言われているのですか? なぜビテンサーはAIトラックの「ビットコイン」と言われているのですか? Mar 04, 2025 pm 04:06 PM

なぜビテンサーはAIトラックの「ビットコイン」と言われているのですか?

市場前取引とアフターマーケット取引の違いは何ですか?市場前と市場外の取引の違いの詳細な説明 市場前取引とアフターマーケット取引の違いは何ですか?市場前と市場外の取引の違いの詳細な説明 Mar 03, 2025 pm 11:54 PM

市場前取引とアフターマーケット取引の違いは何ですか?市場前と市場外の取引の違いの詳細な説明

韓国のビットコインと国内のビットコインに違いはありますか? 韓国のビットコインと国内のビットコインに違いはありますか? Mar 05, 2025 pm 06:51 PM

韓国のビットコインと国内のビットコインに違いはありますか?

Pepeは大規模に購入して売り切れ、Mutmは2025年により賢い投資ですか? Pepeは大規模に購入して売り切れ、Mutmは2025年により賢い投資ですか? Mar 03, 2025 pm 07:09 PM

Pepeは大規模に購入して売り切れ、Mutmは2025年により賢い投資ですか?

See all articles