HTML页面中，设置input获得焦点

最新推荐文章于 2024-11-21 20:02:25 发布

I_never_change

最新推荐文章于 2024-11-21 20:02:25 发布

阅读量1.5w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaWeb

本文链接：https://blog.youkuaiyun.com/u012525157/article/details/46337901

javaWeb 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了在Java Web项目中如何通过JavaScript和HTML代码实现输入框默认获得焦点的功能，包括使用body onload事件和直接调用元素的focus方法。提供了实例代码帮助开发者快速理解并应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在编写javaweb的项目过程中，在输入信息的时候，对于如何将输入框默认获得焦点有点遗忘，写个记录下来：

<body onLoad=”document.forms.form_name.form_field.focus()”>
<span style="white-space:pre">	</span><!--这里默认设置焦点在<span style="font-family: Arial, Helvetica, sans-serif;">form_field文本框中</span>-->

<span style="white-space:pre">	</span><form method="get" name="form_name" action="#">
<span style="white-space:pre">		</span><input type="text" name="form_field" size=”20〃 />
<span style="white-space:pre">		</span><input type="submit" value="Go" />
<span style="white-space:pre">	</span></form>

</body>

2.

利用js来实现获取焦点：

假如<input id="name"/>

<pre name="code" class="html"><script type="text/javascript">
<span style="white-space:pre">	</span>document.getElementById("name").focus();
</script>