网页打开时输入框自动获取焦点的方法

发布时间：2018-09-03 10:47 所属栏目：30 来源：站长网

导读：打开hao123主页，光标马上就会停在百度的搜索框里，打开百度也是这样，访客可以直接输入关键字来搜索，而不用将光标指在输入框并点击才激活，这样也就方便了网民。这是怎么实现的呢？其实也就是一段 Java Script代码而已，看下面的代码：把body标签改成

打开hao123主页，光标马上就会停在百度的搜索框里，打开百度也是这样，访客可以直接输入关键字来搜索，而不用将光标指在输入框并点击才激活，这样也就方便了网民。

这是怎么实现的呢？其实也就是一段JavaScript代码而已，看下面的代码：

把body标签改成：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <body onLoad=”document.Gonten_form.Gonten_input.focus()”>

其中Gonten_form 为表单名，Gonten_input为输入框名称

需要聚焦的输入框：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <form method=”get” name=”Gonten_form” action=”"><input type=”text” name=”Gonten_input” size=”20″ /><input type=”submit” value=”搜索” /></form>

（编辑：ASP站长网）