我有一个带有文本框的网络表单。默认情况下如何将焦点设置到文本框？
类似这样的：
<body onload='setFocusToTextBox()'>
所以有人可以帮我吗？我不知道如何使用 JavaScript 将焦点设置到文本框。
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
【问题讨论】：
document.getElementById('your_text_box_id').focus();一样简单。
标签： javascript html textbox focus
不管怎样，您可以在兼容 HTML5 的浏览器上使用 the autofocus attribute。从版本 10 开始，甚至可以在 IE 上运行。
<input name="myinput" value="whatever" autofocus />
【讨论】：
autofocus 的输入的innerHTML 时也可以使用。
window.onload 最初是把焦点放在 onblur 是在您单击文本区域外部时聚焦，或避免文本区域 模糊
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
</script>
【讨论】：
如果您的<input> 或<textarea> 具有id=mytext 属性，则使用
mytext.focus();
function setFocusToTextBox() {
mytext.focus();
}<body onload='setFocusToTextBox()'>
<form>
<input type="text" id="mytext"/>
</form>
</body>【讨论】：
如果您的代码是：
<input type="text" id="mytext"/>
如果你使用的是 JQuery，你也可以使用这个：
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>
请记住，您必须先绘制输入$(document).ready()
【讨论】：
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect，根据stackoverflow 的帮助中心。我发现这与这些类别相去甚远。帮助不限于OP，是吗？
我以前只用这个：
<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>
<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>
也就是说，您可以只使用 HTML 5 中的 autofocus 属性。
请注意：我想更新这个旧线程，显示所询问的示例，以及为仍在阅读本文的人提供更新、更容易的更新。 ;)
【讨论】：
如前所述，document.forms 也可以。
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the form
【讨论】：
通常当我们关注文本框时，我们也应该滚动到视图中
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}
检查是否有帮助。
【讨论】：
对于纯 Javascript，请尝试以下操作：
window.onload = function() {
document.getElementById("TextBoxName").focus();
};
【讨论】：
这样做。
如果你的元素是这样的..
<input type="text" id="mytext"/>
你的脚本是
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
【讨论】：
Document.forms、Document.getelementsByTagName 或 Node.childNodes）扫描文档，并且依赖已知的文档结构或查找某些元素特定属性。