Contoh pengenalan kepada perbezaan antara atribut id dan nama dalam pengeluaran halaman input_HTML/Xhtml

Saya telah membina laman web untuk masa yang lama, tetapi saya masih tidak mengetahui perbezaan antara nama dan id dalam input Saya baru-baru ini mempelajari jquery dan menghadapi masalah ini sekali lagi, jadi saya mengumpul maklumat dalam talian. Selepas melihat artikel ini, saya menyusunnya untuk kegunaan kemudian.

Boleh dikatakan hampir semua orang yang pernah membuat pembangunan web pernah bertanya, apakah perbezaan antara ID dan Nama sesuatu elemen? Mengapa kita memerlukan Nama apabila kita mempunyai ID?! Dan kita juga boleh mendapatkan jawapan yang paling klasik: ID adalah seperti nombor ID seseorang, dan Nama adalah seperti namanya yang jelas unik, dan Nama boleh diulang.

Minggu lepas saya juga menghadapi masalah ID dan Nama saya memasukkan jenis input="hidden" pada halaman dan hanya menulis ID='SliceInfo' Selepas menetapkan nilai, serahkan dan gunakan Request in latar belakang. Params["SliceInfo"] tidak boleh mendapatkan nilai. Kemudian, saya tiba-tiba menyedari bahawa ia harus ditandakan dengan Nama, jadi saya menambah Name='SliceInfo' pada input, dan semuanya ok.

Jawapan kepada ID dan Nama dalam perenggan pertama sudah tentu, penjelasan itu betul sepenuhnya untuk ID, iaitu Identiti elemen HTML pada bahagian klien. Nama sebenarnya jauh lebih rumit, kerana Nama mempunyai banyak kegunaan, jadi ia tidak boleh digantikan sepenuhnya dengan ID, sekali gus membatalkannya. Kegunaan khusus ialah:

Kegunaan 1: Sebagai penunjuk sisi pelayan bagi elemen HTML yang boleh berinteraksi dengan pelayan, seperti input, pilih, kawasan teks dan butang. Kita boleh mendapatkan nilai yang diserahkan oleh elemen melalui Request.Params berdasarkan Namanya di sisi pelayan.
Kegunaan 2: Elemen HTML Input type='radio' grouping, kita tahu bahawa kawalan butang radio berada dalam kelas kumpulan yang sama, operasi semak adalah mutex, hanya satu radio boleh dipilih pada masa yang sama, kumpulan ini adalah berdasarkan atribut Nama yang sama direalisasikan.
Tujuan 3: Buat titik utama dalam halaman Kami tahu bahawa pautan Jika anda tidak menggunakan atribut href, gunakan Nama sebaliknya, seperti: < ;a name="PageBottom">, kami mendapat sauh halaman.
Gunakan 4: Identiti sebagai objek, seperti Applet, Objek, Benam dan elemen lain. Sebagai contoh, dalam contoh objek Applet, kami akan menggunakan Namanya untuk merujuk kepada objek.
Tujuan 5: Apabila mengaitkan antara elemen IMG dan elemen MAP, jika anda ingin mentakrifkan kawasan hotspot IMG, anda perlu menggunakan usemap atributnya, jadi usemap="#name" (Nama elemen MAP yang berkaitan ).
Kegunaan 6: Atribut elemen tertentu tertentu, seperti atribut, meta dan param. Sebagai contoh, tentukan parameter untuk Object atau

Jelas sekali penggunaan ini tidak boleh digantikan dengan ID, jadi perbezaan antara ID dan Nama elemen HTML bukanlah perbezaan antara nombor ID dan nama Mereka mempunyai fungsi yang berbeza.

Sudah tentu, atribut Name bagi elemen HTML juga boleh memainkan peranan sebagai ID dalam halaman, kerana dalam pepohon objek DHTML, kita boleh menggunakan document.getElementsByName untuk mendapatkan tatasusunan objek yang mengandungi semua Nama yang ditentukan elemen dalam halaman. Terdapat satu lagi masalah dengan atribut Nama Apabila kita mencipta elemen yang boleh mengandungi atribut Nama secara dinamik, kita tidak boleh menggunakan elemen tugasan.name = "..." untuk menambah Namanya. Kita mesti menggunakan document.createElement( apabila mencipta Elemen '') menambah atribut Name pada elemen. Apakah maksud ini? Lihat sahaja contoh di bawah untuk memahami.