It is easy to automatically make a specific form field ready to type when a web page loads — so you don't have to tap on it first.
This is how easy it is: Put the autofocus attributer into the source code of the form field.
When the page loads, the form field will have focus. If the page needs to scroll to where the form field is visible in the browser window, it will.
The person can immediately start typing.
Here is example code for an input field:
<input type="text" autofocus>
This text field is a demonstration. When you first loaded the web page into your browser, the field will have had focus and let you go ahead and type something.
Only one form field at a time can have focus. If there is more than one form field with the autofocus attribute, the first on the page is the one that will have focus.
(This content first appeared in Possibilities newsletter.)
Will Bontrager
Was this blog post helpful to you? (anonymous form)
All information in WillMaster Blog articles is presented AS-IS.
We only suggest and recommend what we believe is of value.
As remuneration for the time and research involved to provide quality links,
we generally use affiliate links when we can.
Whenever we link to something not our own, you should assume
they are affiliate links or that we benefit in some way.
I generally get the location and dimension numbers of a div with the JavaScript getBoundingClientRect() function. Then access the numbers I need from the function's return value.
