input_HTML/Xhtml_Web ページ制作における id 属性と name 属性の違いの紹介例-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

input_HTML/Xhtml_Web ページ制作における id 属性と name 属性の違いの紹介例

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:38 PM

id input name

長い間Webサイトを構築していますが、入力のnameとidの違いがまだわかりません。最近jqueryを勉強したところ、再びこの問題に遭遇したため、ネットで情報を収集しました。この記事を見て、後で使えるように整理しました。

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

先週も、ページに入力 type="hidden" を入力し、値を割り当てた後、リクエストを送信して使用しました。 Params["SliceInfo"] の値を取得できません。その後、Name でマークする必要があることに突然気づき、入力に Name='SliceInfo' を追加しました。すべて問題ありませんでした。

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

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

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

もちろん、HTML 要素の Name 属性もページ内で ID としての役割を果たすことができます。これは、DHTML オブジェクトツリーで document.getElementsByName を使用して、指定されたすべての Name を含むオブジェクト配列を取得できるためです。ページ内の要素。 Name 属性には別の問題があります。Name 属性を含むことができる要素を動的に作成する場合、単純に assign element.name = "..." を使用してその Name を追加することはできません。要素を作成すると、'<要素名 = "myName">') 要素に Name 属性が追加されます。これはどういう意味ですか？以下の例を見て理解してください。

コードをコピー

コードは次のとおりです:

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7621

CakePHP チュートリアル

1389

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

136

Related knowledge

イベントビューアでのイベント ID 55、50、98、140 のディスクエラーを修正 Mar 19, 2024 am 09:43 AM

Windows 11/10 のイベントビューアーでイベント ID 55、50、140、または 98 が表示された場合、またはディスクファイルシステム構造が破損しているため使用できないというエラーが発生した場合は、次のガイドに従って問題を解決してください。イベント 55、ディスク上のファイルシステム構造が壊れていて使用できないとはどういう意味ですか?セッション 55 では、Ntfs ディスク上のファイルシステム構造が破損しており、使用できません。ボリューム上で chkMSK ユーティリティを実行してください。NTFS がトランザクションログにデータを書き込むことができない場合、イベント ID 55 のエラーがトリガーされ、NTFS はトランザクションデータを書き込むことができず操作を完了できません。このエラーは通常、ディスク上に不良セクタが存在するか、ディスクサブシステムのファイルシステムが不十分なために、ファイルシステムが破損した場合に発生します。

この Apple ID は iTunes Store でまだ使用されていません: 修正 Jun 10, 2024 pm 05:42 PM

AppleIDを使用してiTunesStoreにログインすると、「このAppleIDはiTunesStoreで使用されていません」というエラーが画面に表示される場合があります。心配するようなエラーメッセージはありません。これらのソリューションセットに従って問題を修正できます。解決策 1 – 配送先住所を変更する iTunes Store にこのプロンプトが表示される主な理由は、AppleID プロファイルに正しい住所がないことです。ステップ 1 – まず、iPhone で iPhone 設定を開きます。ステップ 2 – AppleID は他のすべての設定の最上位にある必要があります。それで、開けてください。ステップ 3 – そこに到達したら、「支払いと配送」オプションを開きます。ステップ 4 – Face ID を使用してアクセスを確認します。ステップ

Alibaba ID はどこで確認できますか? Mar 08, 2024 pm 09:49 PM

Alibaba ソフトウェアでは、アカウントの登録が完了すると、システムによって一意の ID が割り当てられ、これがプラットフォーム上での ID として機能します。しかし、多くのユーザーは自分の ID を照会したいと考えていますが、その方法がわかりません。次に、この Web サイトの編集者が以下の戦略手順を詳しく紹介します。お役に立てれば幸いです。 Alibaba ID: [Alibaba]-[My] に対する答えはどこで見つかりますか。 1. まず Alibaba ソフトウェアを開きます. ホームページに入ったら、右下隅の [My] をクリックする必要があります; 2. その後、My ページにアクセスすると、ページの上部に [id] が表示されます; Alibaba ID はタオバオと同じですか? アリババ ID とタオバオ ID は異なりますが、この 2 つは同じです

イベント ID 4660: オブジェクトが削除されました [修正] Jul 03, 2023 am 08:13 AM

一部の読者がイベント ID4660 に遭遇しました。何をすればよいかわからないことが多いため、このガイドで説明します。イベント ID 4660 は通常、オブジェクトが削除されたときにログに記録されるため、コンピューター上でイベント ID 4660 を修正する実際的な方法も検討します。イベントID4660とは何ですか?イベント ID 4660 は Active Directory 内のオブジェクトに関連しており、次のいずれかの要因によってトリガーされます。オブジェクトの削除 – オブジェクトが Active Directory から削除されるたびに、イベント ID 4660 のセキュリティイベントがログに記録されます。手動変更 – ユーザーまたは管理者がオブジェクトのアクセス許可を手動で変更すると、イベント ID 4660 が生成される場合があります。これは、権限設定の変更、アクセスレベルの変更、またはユーザーやグループの追加または削除を行うときに発生する可能性があります。

TencentビデオIDを確認できる場所 Feb 24, 2024 pm 06:25 PM

Tencent Video ID はどこで確認できますか? Tencent Video APP には専用の ID がありますが、ほとんどのユーザーは Tencent Video ID を確認する方法を知りません。次は、Tencent Video ID を確認する方法についてのグラフィックチュートリアルです。興味のあるユーザーはぜひ見に来てください！ Tencent Video 使用チュートリアル Tencent Video ID を確認する場所 1. まず Tencent Video APP を開き、メインページの右下隅にある [パーソナルセンター] から特別エリアに入ります; 2. 次に、パーソナルセンターページに入り、[設定]機能; 3. 次に、設定ページに移動し、下部の[アカウントを終了]をクリックします; 4. 最後に、以下のページで専用のID番号が表示されます。

vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法 May 12, 2023 pm 03:58 PM

準備 vuecreateexample を使用してプロジェクトを作成しますパラメーターは大まかに以下のとおりですネイティブ入力を使用しますネイティブ入力は主に値と変更です変更する場合はデータを同期する必要がありますApp.tsx は次のとおりです: import{ref}from'vue';exportdefault{setup(){//username はデータです constusername=ref('Zhang San');//入力ボックスが変更されると、データを同期します constonInput =;return( )=>({

Laravelの入力隠しフィールドを実装する方法 Dec 12, 2022 am 10:07 AM

laravel入力の隠しフィールドを実装する方法: 1. Bladeテンプレートファイルを見つけて開きます; 2. Bladeテンプレートのmethod_fieldメソッドを使用して隠しフィールドを作成します。作成構文は「{{ method_field('DELETE') }}」です。」。

vue が id 属性を取得できない場合はどうすればよいですか? Jan 29, 2023 pm 02:03 PM

getElementById が "created()" フック関数で使用されており、Vue のマウントが完了していないため、Vue は id 属性を取得できません。解決策は、"created() {let serachBox = document.getElementById('searchBox') ;.. .}" コードを "mounted()" フック関数に移行できます。

See all articles