Set cursor in HTML

Question

I want to create a webpage which contains an input box, and a button.

The Input-Box is for a Barcode-Scanner, a number which has been scanned, should be written to that input box., the problem is now, when i enter the page, the input field has no cursor in it, i have to click in it first.

Is there a way to set a cursor by default in the box? like open the page and be ready to scan?

T J · Accepted Answer · 2014-07-08 17:32:07Z

3

If you're using html5 you can use the autofocus attribute.

<input type="text" autofocus>

Or you can set the focus on load

window.onload = function(){
 document.getElementById('idOfTextbox').focus();
}

edited Jul 8, 2014 at 17:32

answered Jul 8, 2014 at 17:29

T J

43.2k13 gold badges87 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

T J Over a year ago

@sgtBear anywhere inside <script> tag

Collectives™ on Stack Overflow

Set cursor in HTML

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related