文章目录
一、label 标签
1、label 标签包含表单 ( 增大表单触发面积 )
2、通过 label 标签的 for 属性控制触发表单 ( 增大表单触发面积 )
一、label 标签
---...> 标签可以 直接包含 表单 和 相关文字信息 , 点击 label 标签的范围 , 就可以触发 表单 的操作 , 如 :
文本框 触发 光标输入 ,
复选框 触发 选中效果 ,
按钮...触发 点击效果 ;
默认情况下的 文本框 , 只有选中 文本框本身 , 才能触发输入 ;
将 文本 和 文本框表单 都放在 标签中 , 点击 整个 label 标签 ,...:
2、通过 label 标签的 for 属性控制触发表单 ( 增大表单触发面积 )
如果 label 标签 不方便将 表单 包裹起来 , 可以使用如下方案 增加 表达触发面积 :
label 标签中..., 使用 for 属性 , 属性值为 表单的 id 属性值 ;
表单标签中 , 使用 id 属性 将表单进行标记 , 方便在 label 标签关联表单标签 ;
用户名