博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
label与input的结合方式
阅读量:6912 次
发布时间:2019-06-27

本文共 638 字,大约阅读时间需要 2 分钟。

hot3.png

当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

绑定方法:通过label标签的for属性与相关表单控件的id属性相同

eg:

1.label与input(type="text")文本类型的结合

当鼠标点击姓名是,光标自动定位到input输入框,如下图

144200_PyE0_3680343.png

2.label与input(type="radio")按钮类型的结合

与此类型结合,一般用来重置按钮样式或解决手机端选项点击不灵活现象

  • 重置按钮样式

		
按钮列表

144735_JP9L_3680343.png

  • 解决手机端点击不灵活现象

例如单选题,用的都是radio类型,由于在手机端,屏幕宽度有限,所以按钮点击事件就没有像在电脑端那么准确,如果我们利用label的for属性与input的id属性绑定,这样,再点击选择的时候,只要点击下当前的题目就可以选中,没必要非得去单独点击按钮了。

转载于:https://my.oschina.net/u/3680343/blog/1614951

你可能感兴趣的文章
网站原创文章撰写的5点注意要素
查看>>
Linux 配置Apache服务器 下(虚拟主机,排错)
查看>>
我的友情链接
查看>>
ppp链路的pap认证与chap认证的基本原理和配置
查看>>
[Java] 练习题004: 将一个正整数分解质因数
查看>>
速战速决---3小时快速搭建Exchange+SFB(2)
查看>>
关于VCPROJ文件的说明
查看>>
我的友情链接
查看>>
在主引导记录(MBR)的救援模式下如何重新安装GRUB引导装载程序
查看>>
我的友情链接
查看>>
git的基本使用和示例
查看>>
用户管理
查看>>
从输入 URL 到页面加载完的过程中都发生了什么事情?
查看>>
揭秘Windows Server2012 核心虚拟化技术Hyper-V
查看>>
去除文本中重复的行方法
查看>>
On Stack Replacement and JIT
查看>>
linux 搜索并替换文件内容
查看>>
我的友情链接
查看>>
dns详解
查看>>
设备驱动
查看>>