HTML name、id、class 的区别
来源:互联网 发布:编程天才 编辑:程序博客网 时间:2024/04/29 11:38
在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标签,就需要给这些标签标识一个身份牌。
目录
1. name :指定标签的名称。
2. id :指定标签的唯一标识。
3. class :指定标签的类名。
1. name
指定标签的名称。
1.1 格式
<input type="text" name="username" />
1.2 应用场景
①form表单:name可作为转递给服务器表单列表的变量名;如上面的传到服务器的名称为:username='text的值'。
②input type='radio'单选标签:把几个单选标签的 name设为一个相同值时,将会进行单选操作。
<input type="radio" name='sex'/>男<input type="radio" name='sex'/>女
③快速获取一组name相同的标签:获取拥有相同name的标签,一起进行操作,如:更改属性、注册事件等。
function changtxtcolor() { var txts = document.getElementsByName('txtcolor'); //获取所有name=txtcolor 的标签 for (var i = 0; i < txts.length; i++) { //循环遍历标签,并把背景色改为red txts[i].style.backgroundColor = 'red'; }}
0 0
- HTML name id class 的区别
- HTML中id,name,class的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML中name、id、class 的区别
- (转)HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- HTML name、id、class 的区别
- html里name、id和class的区别
- id、name、class的区别
- HTML中id、name、class 区别
- HTML中id、name、class 区别 .
- HTML中id、name、class 区别 .
- HTML中id、name、class 区别
- 网络游戏编程基本架构 之 lobby 游戏大厅代理结构
- plist文件解析
- 船舶回转与Z形试验简单仿真程序
- escape()、encodeURI()、encodeURIComponent()区别详解
- play framework如何进行模块化开发--学习笔记
- HTML name、id、class 的区别
- JavaScript正则表达式
- centos6.7下LNMP的安装(yum安装)
- Android设计模式系列--原型模式
- leetcode之 Palindrome Partitioning
- Spring session 工具类
- Android 小知识点
- Android数据库小知识
- Block 传值