HTML5之自动聚焦域

在要自动获得焦点的表单域上放置autofocus属性即可，比如：

<form>
  <input name="q" autofocus>
  <input type="submit" value="Search">
</form>

<form>

</form>

如果需要向下兼容一些老式浏览器，让他们也可以获得焦点，下面的代码比较实用：

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

if (!("autofocus" in document.createElement("input"))) {

document.getElementById("q").focus();

}

</script>

</form>

-EOF-

One Reply to “HTML5之自动聚焦域”