Question

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

我想在不使用javascript的情况下完成。

Answer 1

雅可能不支持javascript ..
我们可以使用html5 自动对焦属性
例如：

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

如果在文本字段中使用它（autofocus =“autofocus”）意味着当页面加载时文本字段会聚焦。有关详细信息：
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html

Answer 2

只需在第一个输入或textarea中添加autofocus。

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

Answer 3

这将有效：

OnLoad="document.myform.mytextfield.focus();"

Answer 4

<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.

Answer 5

像那样做了一些摆弄的人的扩张。

以下工作（来自W3）：

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

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

.first-input {
    autofocus:"autofocus"
}

至少它对我不起作用......

Answer 6

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

如何在没有javascript支持的情况下加载页面时，如何将光标（自动对焦）放在文本框中？

6 个答案: