在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标签,就需要给这些标签标识一个身份牌。
所需用到的属性有:name、id、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的标签,一起进行操作,如:更改属性、注册事件等;
[code]
function changtxtcolor() {
var txts = document.getElementsByName('txtcolor'); //获取所有name=txtcolor 的标签
for (var i = 0; i < txts.length; i++) { //循环遍历标签,并把背景色改为red
txts[i].style.backgroundColor = 'red';
}
}
1.3 特性
name属性的值,在当前page页面中并非唯一性。
2. id
指定标签的唯一标识。
2.1 格式:<input type=password id="userpwd" />
2.2 应用场景:
①根据提供的唯一id号,快速获取标签对象。如:document.getElementById(id)
②用于充当label标签for属性的值:示例:<label for='userid'>用户名:</label>,表示单击此label标签时,id为userid的标签获得焦点。
2.3 特性
id属性的值,在当前的page页面要是唯一的。
3. class
指定标签的类名。
3.1 格式:<input type=button class="btnsubmit" />
3.2 应用场景:
①CSS操作,把一些特定样式放到一个class类中,需要此样式的标签,可以在添加此类。
3.3 特性:
可以把多个类,放在一个class属性里,但必须用空格隔开;如:class='btnsubmit btnopen'
所需用到的属性有:name、id、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的标签,一起进行操作,如:更改属性、注册事件等;
[code]
function changtxtcolor() {
var txts = document.getElementsByName('txtcolor'); //获取所有name=txtcolor 的标签
for (var i = 0; i < txts.length; i++) { //循环遍历标签,并把背景色改为red
txts[i].style.backgroundColor = 'red';
}
}
1.3 特性
name属性的值,在当前page页面中并非唯一性。
2. id
指定标签的唯一标识。
2.1 格式:<input type=password id="userpwd" />
2.2 应用场景:
①根据提供的唯一id号,快速获取标签对象。如:document.getElementById(id)
②用于充当label标签for属性的值:示例:<label for='userid'>用户名:</label>,表示单击此label标签时,id为userid的标签获得焦点。
2.3 特性
id属性的值,在当前的page页面要是唯一的。
3. class
指定标签的类名。
3.1 格式:<input type=button class="btnsubmit" />
3.2 应用场景:
①CSS操作,把一些特定样式放到一个class类中,需要此样式的标签,可以在添加此类。
3.3 特性:
可以把多个类,放在一个class属性里,但必须用空格隔开;如:class='btnsubmit btnopen'
标签:
name,id,class
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“HTML name、id、class 的(格式/应用场景/特性)等区别介绍”评论...
更新动态
2024年05月03日
2024年05月03日
- 张玮伽《一生所爱》[DSF][1.5G]
- 张信哲《思念(粤语) 》[WAV分轨][433M]
- 原声《重庆森林电影原声带》[FLAC][498M]
- 群星《宝丽金50半世纪之歌》[FLAC][802M]
- 姜育恒.1989-精品集爱我·倾诉【瑞华】【WAV+CUE】
- 水木年华.2004-毕业纪念册【水木同创】【WAV+CUE】
- [7504]ReferenceSoundEdition-GreatGuitarTunes(2013)[GermanyHQCD]
- 刘嘉佳《往日时光HQ》头版限量[低速原抓WAV+CUE]
- 单依纯《纯情歌》开盘母带[低速原抓WAV+CUE]
- 杨乐婷《遥望HQ》头版限量编号[低速原抓WAV+CUE]
- 蔡琴《三十周年纪念版》6N纯银镀膜[正版CD低速原抓WAV+CUE][519M]
- 张学友《昨夜梦魂中》[FLAC][453M]
- 群星《17号音乐仓库2 第9期》[320K/MP3][150.23MB]
- 汤兰花.2000-一代佳人(环球唱片金曲系列风华再现)【WAV+CUE】
- 罗美玲.2005-生日领悟(EP)【华研国际】【WAV+CUE】