Question

这是我的结构，但不起作用

＆＃13;

<form>
  <label for="some_name">Message</label>
  <input id="some_name" type="text" name="some_name" value="Some Value" autofocus/>
</form>

＆＃13;

Answer 1

我在Chrome和Firefox中测试过它。 Chrome似乎运行正常，但Firefox没有。

根据this帖子，Firefox 4应该支持它。它还声明，对于不支持它的浏览器，您应该有一个后备。

来自Nick的答案：

对于不支持它的浏览器，使用autofocus和JavaScript回退是明智的。来自Mark Pilgrim的Dive into HTML5 Forms：

  那是什么？您是否希望自动聚焦字段适用于所有浏览器，而不仅仅是这些花哨的HTML5浏览器？您可以保留当前的自动对焦脚本。只需进行两处小改动：

将autofocus属性添加到HTML标记中检测是否   浏览器支持autofocus属性，只运行自己的属性   自动对焦脚本，如果浏览器本身不支持自动对焦。

<form name="f">
  <input id="q" type="text" name="Gw" maxlength="225" size="42" autofocus>
  <script>
    if (!("autofocus" in document.createElement("input"))) {
      document.getElementById("q").focus();
    }
  </script>
  <input type="submit" value="Go">
</form>

Live demo here

我如何以HTML格式自动对焦

1 个答案: