97

我有一个带有一些文本字段的表单，我想在页面加载时将光标（自动对焦）放在表单的第一个文本字段上。

我想在不使用 javascript 的情况下做到这一点。

4

7 回答 7

155

是的，它可以在不支持 javascript 的情况下完成。
我们可以使用 html5自动对焦属性
例如： 

<input type="text" name="name" autofocus="autofocus" id="xax" />

如果在文本字段中使用它 (autofocus="autofocus") 意味着当页面加载时文本字段会获得焦点。有关更多详细信息：
http ://www.hscripts.com/tutorials/html5/autofocus-attribute.html

于 2013-08-05T09:18:55.930 回答
41

只需添加autofocus第一个输入或文本区域。

<input type="text" name="name" id="xax" autofocus="autofocus" />
于 2013-08-05T09:28:59.173 回答
4

这将起作用：

OnLoad="document.myform.mytextfield.focus();"
于 2013-08-05T09:18:29.023 回答
2 
<body onLoad="self.focus();document.formname.name.focus()" >

formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />

it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.
于 2014-08-29T03:50:17.937 回答
2

对于那些像我一样摆弄的人来说，这是一个扩展。

以下工作（来自 W3）：

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

需要注意的是，这在 CSS 中不起作用。即你不能使用：

.first-input {
    autofocus:"autofocus"
}

至少它对我没有用...

于 2018-05-14T01:38:23.647 回答
-1

很简单，您只需在想要的输入中将属性 autofocus 设置为 on

<form action="exemple.php"  method="post">
   <input name="wantedInput" autofocus="on">
   <input type="submit" value="go"  >
</form>

于 2021-12-18T19:55:43.903 回答
-5

有时您需要做的就是确保光标在文本框内：单击文本框，当显示菜单时，单击“设置文本框格式”，然后单击“文本框”选项卡，最后修改所有四个边距（左、右、上和下），通过向下箭头直到“0”出现在每个边距上。

于 2016-05-11T19:06:14.660 回答