html如何使按钮在网页打开时自动获得焦点

html如何使按钮在网页打开时自动获得焦点,第1张

方法有两种如下:

一、 格式<body onload=document.formname.textname.focus()> 

    formname为表单名称,后面接着的textname 是文本框的名称。

示例:

<html>

<head></head>

<body onLoad="document.user.username.focus()" >

<form name="user" action="">

<input type="text" name="username">

</form>

</body>

</html>

这个方法比较简单,推荐使用。

二、使用JavaScript,相对麻烦

<html>

<head></head>

<body >

<input type="text" id="name"><!--设置文本输入框的id为name-->

<script language="javascript">

document.getElementById('name').focus()

<!--设置id为name的元素得到焦点-->

</script>

</body>

</html>

注意:要使上面两种方法有效需要允许浏览器执行ActiveX脚本。

javaweb的项目过程中,在输入信息的时候,将输入框默认获得焦点指令:

具/原料html网页方法/步骤打开代码编辑器或者记事本程序,输入html基本代码:<html><body></body></html>输入网页头标签<head>如下:<head></head>在<head>标签之间添加<script>代码,并定义热键函数:<script type="text/javascript">function clickkey(){document.getElementById('k1').accessKey="w"document.getElementById('k2').accessKey="d"}</script>点击body标签中,添加启动函数onload,使网页在打开时就加载函数clickkey()。<body onload="clickkey()">在正文中,即<body></body>标签之间,添加两个文字链接,指定快捷键<p><a id="k1" href="/">百度经验</a>(按快捷键 Alt + w 使链接获得焦点)</p><p><a id="k2" href="http://www.baidu.com">百度</a>(按快捷键 Alt + d 使链接获得焦点)</p>将代码内容保存为html格式后,预览效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8287485.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存