www.baike369.com
百科369 > HTML教程 > HTML使用accessKey属性定义表单按钮的热键

HTML使用accessKey属性定义表单按钮的热键


HTML使用accessKey属性定义表单按钮的热键

如果网页中的内容比较多,为了方便用户操作,可以为界面中的按钮提供热键。

比如,在input元素中,使用accessKey属性来设置元素的热键。通常内容是一些大写的字母。设置热键后,可以使用“Alt+热键”的形式来激活按钮进行操作。


实例

下面是一个使用accessKey属性定义表单按钮的热键的例子。源代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML使用accessKey属性定义表单按钮的热键实例-www.baike369.com</title>
</head>
<body>
<form action="#" method="get" name="form1">
<textarea rows="5" cols="50"></textarea><br /><br />
<input type="submit" accesskey="S" value="提交(Alt+s)" /> 百科369
</form>
</body>
</html>

显示效果如下:

HTML使用accessKey属性定义表单按钮的热键实例

上例中,在文本输入框中输入“www.baike369.com”,其次选择了“百科369”,然后再按下“Alt+s”快捷键,即可提交表单。

Copyright© 2011-2016 www.baike369.com All Rights Reserved