HTML label标签的for属性--input标签的accesskey属性

最新推荐文章于 2021-07-17 20:43:11 发布

转载最新推荐文章于 2021-07-17 20:43:11 发布 · 778 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gyrgyr/p/6203233.html

文章标签：

#java

本文详细介绍了HTML中accesskey属性的使用方法，包括如何通过accesskey实现快速定位和触发页面元素，以及在不同浏览器下的快捷键操作方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)
label的for属性是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form>
        <label for="name">用户名</label>
        <input type="text" name="name" accesskey="c" id="name" />
        <br/>
        <a href='./show.php' accesskey="h">去我的主页</a>
    </form>
</body>
</html>

这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里