HTML中的label标签

版权声明:版权所有,违者必究 https://blog.csdn.net/weixin_39921821/article/details/86701452

首先label标签中有两个属性是非常有用的,一个是for、另外一个就是accesskey了。

1.for属性:

①功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。

②用法:

<label for=”inputBox”>姓名</label><input id=”inputBox” type=”text”>

 效果:效当你点击姓名的时候,焦点就会在右边的text中显示

2.accesskey属性:

①功能:表示访问Label标签所绑定的元素的热键,当你按下热键,所绑定的元素将获取焦点。

②用法:

<label for=”inputBox” accesskey=”N”>姓名</label><input id=”InputBox” type=”text”>

③局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优化激活浏览器的快捷键。

注释:要将LABEL绑定到其它的控件,请将LABEL元素的FOR属性设置为与该控件的ID相同,将LABEL绑定到控件的NAME属性毫无用处。但是,要提交表单,你必须为LABEL元素所绑定的空件指定NAME.

注:你好运!!!!

猜你喜欢

转载自blog.csdn.net/weixin_39921821/article/details/86701452