communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 辛星浅析html中的name和id的区别_html/css_WEB-ITnose

辛星浅析html中的name和id的区别_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:43:00
original
1000 Les gens l'ont consulté

      可能新手朋友们能够很轻松的区分id和class，但是却不一定能够很轻松的区分id和name，下面说一下二者的区别和联系。

    首先是联系，它们都可以用来标记一个元素，而且可以用JavaScript来操作，但是操作方法不同，分别使用getElementById和getElementByName来定位DOM节点。

     然后就是区别了，这个很简单，首先是一个纲要：name用于表单，id用于样式。

     我们在做post提交数据的时候，为了区分表单内的各个元素，我们使用name来区分，我们是无法通过id来获取每个表单元素的内容的。

     我们在做css样式的时候，可以建立id样式表，此时以#为前缀，拥有该id的样式直接生效，但是无法建立name样式表。

     总之，还是那一句话：name主要用于表单，id主要用于样式。

Étiquettes associées：
辛星浅析html中的name和id的区别
source：php.cn
Article précédent：CSS制作一个简单网页的下拉导航栏_html/css_WEB-ITnose Article suivant：纯CSS3悬停图标旋转导航动画代码_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2193
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2340
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1963
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1851
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1910
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal