专业网站建设公司总结你所不知道的HTML(一):accesskey属性
2019-05-07 缘style
网页制作
使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局属性测试</title></head> <body> <form action=""> <p> Name: <input type="text" name="name" id="" accesskey="n"> </p> <p> Password: <input type="password" name="password" id="" accesskey="p"> </p> <p> Name: <input type="submit" name="" id="" value="Log In" accesskey="s"> </p> </form> </body> </html>
在上面的例子中,三个input元素添加了accesskey属性,这样在Mac下就可以用Control + Alt(Option) + n快捷键访问到Name的输入框了。用来触发accesskey机制的按键组合因平台而异,具体如下: