如何进行现场自动对焦？

Question

当用户打开页面时,我需要关注此字段.我不知道它是否会改变任何东西,但它是在我从PHP文件加载的模态窗口内.

有一个简单的方法吗？

Answer 1

使用JavaScript,您可以实现此目的:

document.onload = function() {  
  document.getElementById("question-box-0").focus();
}

Answer 2

JavaScript autofocusers(在此处的其他答案中给出)将起作用,但对于某些用户来说可能很烦人.例如,如果您在页面仍在加载时关注其他字段,JavaScript可能会通过移动焦点并让您键入错误的字段来"帮助"您.ux.stackexchange.com上的这个问题列举了一些更多的缺点.

为了防止这种情况,HTML5 为表单元素引入了一个autofocus属性,这意味着该行为将由浏览器本身一致地实现,并且可以为发现它令人恼火的用户关闭.当然,所有浏览器都不支持此功能.有关详细信息,请参阅Mark Pilgrim出色的Dive Into HTML5书中有关自动对焦字段的部分.