JavaScript set focus to HTML form element

I have a web form with a text box in it. How do I go about setting focus to the text box by default?

something like this:

<body onload='setFocusToTextBox()'>

so can anybody help me with it? I don't know how to set focus to the text box with JavaScript.

<script>
function setFocusToTextBox(){
//What to do here
}
</script>

标签： javascript html textbox focus

7条回答

查无此人

2楼-- · 2019-01-02 20:37

If your code is:

<input type="text" id="mytext"/>

And If you are using JQuery, You can use this too:

<script>
function setFocusToTextBox(){
    $("#mytext").focus();
}
</script>

Keep in mind that you must draw the input first ( $(document).ready() )

0人赞添加讨论(0) 举报

怪性笑人.

3楼-- · 2019-01-02 20:42

Usually when we focus on a textbox, we should also scroll into view

function setFocusToTextBox(){
    var textbox = document.getElementById("yourtextbox");
    textbox.focus();
    textbox.scrollIntoView();
}

Check if it helps.

0人赞添加讨论(0) 举报

浪荡孟婆

4楼-- · 2019-01-02 20:42

For plain Javascript, try the following:

window.onload = function() {
  document.getElementById("TextBoxName").focus();
};

0人赞添加讨论(0) 举报

初与友歌

5楼-- · 2019-01-02 20:49

I used to just use this:

<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>

That said, you can just use the autofocus attribute in HTML 5.

Please note: I wanted to update this old thread showing the example asked plus the newer, easier update for those still reading this. ;)

0人赞添加讨论(0) 举报

笑指拈花

6楼-- · 2019-01-02 20:56

Do this.

If your element is something like this..

<input type="text" id="mytext"/>

Your script would be

<script>
function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}
</script>

0人赞添加讨论(0) 举报

看风景的人

7楼-- · 2019-01-02 21:00

For what it's worth, you can use the autofocus attribute on HTML5 compatible browsers. Works even on IE as of version 10.

<input name="myinput" value="whatever" autofocus />

0人赞添加讨论(0) 举报

1 2 下一页

JavaScript set focus to HTML form element

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间