ホームページ  >  記事  >  ウェブフロントエンド  >  HTML 要素 ID と Name 属性の具体的な違い

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

零下一度
零下一度オリジナル
2017-05-13 15:05:391693ブラウズ

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: ページ内にアンカー ポイントを確立する c6f6571c4821555af169bb4f098e681b がページのハイパーリンクを取得することであることがわかります。href 属性を使用しない場合は、代わりに Name を使用します。 45b764a0536464c3f697fd86eaf9ea8d5db79b134e9f6b82c0b36e0489ee08ed のように、ページ アンカーを取得します。

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

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

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

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

<input    name= "xx ">     会提交数据
<input   id= "xx ">     不会提交数据 
     <input   id= "xx "   name= "yy ">
<label   for= "xx "> Label </label>     这里的for属性必须是指向一个id,否则没效果 
     <input   name= "xx "   type= "radio "   value= "1 ">
<input   name= "xx "   type= "radio "   value= "2 ">
<input   name= "xx "   type= "radio "   value= "3 "> 这里必须name相同才能成为一组单选按钮,而id则没有这个功能。 
     <input   name= "xx ">     对应脚本document.getElementsByName( "xx ")[0]
<input   id= "xx ">         对应脚本document.getElementByIdx_x( "xx ")

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

【関連推奨事項】

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

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

3 。

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

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

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