多语言展示
当前在线:191今日阅读:26今日分享:39

如何使用label标签|将文字和表单对象捆绑

对于label标签很多朋友不知道如何使用,其实一些界面友好的网页都会加入这一功能。也就是说,用鼠标点击文字就可以选中目标,就像下图那样。下面说说如何使用这一功能
工具/原料

DREAMWEAVER CS3或CS5

方法/步骤
1

下面以捆绑文字和复选框为例,至于其他元素的操作方法类似。首先,准备好文字和捆绑的对象。效果和对应的代码如图。代码中如果没有id这一属性,需要手动添加,并且属性值不能重复。

2

接下来添加label标签。建议直接手写进去。

3

开始捆绑,在label后面按空格键,选择for属性,双引号内写入对应元素的id的值 。这里的值最好不要手写,复制过来,以免出错。

4

补全其他两项的label

5

按F12查看一下效果吧。记住  for的值和要捆绑对象的id的值是一致 的哦。

注意事项

LABEL标签的输入不建议使用设计模式

推荐信息