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

比如说有<inputtype="button"name="button1">,怎么写使得焦点一开始就在button1上,一个回车就能点按钮了?或者是一回车就令焦点在but... 比如说有<input type="button" name="button1">,怎么写使得焦点一开始就在button1上,一个回车就能点按钮了?或者是一回车就令焦点在button1上。 展开
 我来答
床前明月枕在梦
2018-04-17 · TA获得超过2万个赞
知道小有建树答主
回答量:235
采纳率:100%
帮助的人:6.8万
展开全部

方法有两种如下:

一、 格式<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的项目过程中,在输入信息的时候,将输入框默认获得焦点指令:

男孩46611
2014-07-07 · 超过61用户采纳过TA的回答
知道答主
回答量:118
采纳率:0%
帮助的人:111万
展开全部
<input type="button" id="btn" name="button" value="按钮" /> <script type="text/javascript"> document.getElementById("btn").focus(); </script>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
在阿育王寺尽情唱歌的鼠尾草
2017-09-07 · TA获得超过548个赞
知道答主
回答量:51
采纳率:0%
帮助的人:17万
展开全部
可以直接用H5的autofocus属性

<input type="button" name="button1" autofocus>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式