获取焦点

网页自动聚焦输入框技巧

最新推荐文章于 2023-10-22 10:01:56 发布

原创最新推荐文章于 2023-10-22 10:01:56 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #server #input

本文介绍了两种实现网页中输入框自动获得焦点的方法。一种是在HTML中直接设置，另一种则是通过前后端配合实现。这些技巧有助于提升用户体验并简化页面交互。

方法一：

<body MS_POSITIONING= "GridLayout ">
<form id= "userlist " method= "post " runat= "server ">
<INPUT id= "Text1 " style= "Z-INDEX: 103; LEFT: 271px; POSITION: absolute; TOP: 131px " type= "text " name= "Text1 " runat= "server ">
</form>
<script language= "javascript ">
userlist.Text1.focus();
</script>
</body>
方法二：

前台
<body onload= "window.document.forms[0].textbox1.focus() ">
后台
Page.RegisterStartupScript( "focus ", " <script> form1.TextBox1.focus() </script> ");

注意：这里的form1是指源里FORM的ID名称。