如何在html表单中进行自动对焦

如何在html表单中进行自动对焦,html,forms,Html,Forms,这是我的结构,但不起作用 消息 我在Chrome和Firefox上都进行了测试。Chrome看起来很好用,但Firefox却不行 根据PostFirefox4的说法,Firefox4应该支持它。它还指出,对于不支持它的浏览器,您应该有一个回退 答复来自: 明智的做法是使用autofocus并为不支持它的浏览器提供JavaScript回退。来自马克·朝圣者: 那是什么?你说你想让你的自动对焦字段在所有浏览器中都能工作,而不仅仅是这些花哨的HTML5浏览器?您可以保留当前的自动对焦脚本。只需做两

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


消息

我在Chrome和Firefox上都进行了测试。Chrome看起来很好用,但Firefox却不行

根据PostFirefox4的说法,Firefox4应该支持它。它还指出,对于不支持它的浏览器,您应该有一个回退

答复来自:

明智的做法是使用
autofocus
并为不支持它的浏览器提供JavaScript回退。来自马克·朝圣者:

那是什么?你说你想让你的自动对焦字段在所有浏览器中都能工作,而不仅仅是这些花哨的HTML5浏览器?您可以保留当前的自动对焦脚本。只需做两个小改动:

将“自动聚焦”属性添加到HTML标记中,以检测 浏览器支持“自动聚焦”属性,并且只运行您自己的属性 自动对焦脚本(如果浏览器不支持本机自动对焦)


if(!(.createElement(“输入”)中的“自动聚焦”){
document.getElementById(“q”).focus();
}

在代码段中工作正常
<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>