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

89

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

我想不使用javascript来做。

css html

— 塔瓦玛尼·卡西（Thavamani Kasi）
source

1

<input.... tabindex="1" />

— Abhitalks，2013年

146

您可以在不支持javascript的情况下进行操作。
我们可以使用html5自动对焦属性
例如：

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

如果在文本字段中使用它（autofocus =“ autofocus”），则意味着页面加载时该文本字段将获得焦点。有关更多详细信息：http :
//www.hscripts.com/tutorials/html5/autofocus-attribute.html

— 塔瓦玛尼
source

6

适当的大小写实际上是JSX / React的autoFocus。

— thadk '16

37

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

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

— 拉吉尼克·卡卡迪亚
source

1

至少在Chromeautofocus中不起作用，但autofocus="autofocus"可以。

— 杰伊·沙利文

4

这将起作用：

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

— 维沙尔
source

3

@putvande-标题确实说“使用javascript”，请给他休息一下。

— 2013年

他说没有JavaScript支持。

— 亚历杭德罗·纳瓦

3

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

— 德瓦兹
source

OP说“没有javascript”。

— 艾蒂安·米雷特

1

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

以下工作（来自W3）：

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

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

.first-input {
    autofocus:"autofocus"
}

至少对我没有用...

— AER
source

-5

有时，您要做的就是确保光标位于文本框中：向下箭头，直到每个边缘上出现“ 0”，四个边缘（左，右，上和下）。

— 马里塞拉·塞恩斯（Marisela Sainz）
source