Move cursor to automatically focus on the form input text field of your search box to increase site search views. Usually when any web pages loads, the cursor is not present and not focused or blinking anywhere. When you click any form field or the browser url bar, the cursor instantly appears so that you can fill the form field, for example to post a comment or fill your e-mail address or password.
But see what happens when you visit the Google.com homepage (or Gmail or Dropbox) – the cursor is already blinking in the search box (or e-mail address input box)!
This means youÂ minimizeÂ a step where the site visitor needs to click on the search box to get the cursor, instead they can immediately start typing and the search box gets filled up. This helps Google to get users starts searching immediately. Now you can easily implement similar functionality on your site search box (or e-mail subscription form / sales forms).
How to Automatically Move Cursor to Form Field
When your webpages load, would it not be great if the cursor would automatically start blinking in your search box, so that your site visitors can immediately start searching your site. Most forms have a basic format like this
<form action="" id="FormID"> <input name="" id="FieldID" type="text" /> <input type="submit" value="Search" /> </form>
Live example on QOT
You can see the simple script being in implemented on our website right now in our search box in the top right corner.
Here is what our search box code looks like (we use Google custom search)
<form action=" http://www.quickonlinetips.com/search/" id="mainsearch" > <input type="text" id="searchterms" Â name="q" /> <input type="submit" value="Search" /> </form>
Based on the format above, here is the simple one line script code which we added after the form closing HTML code as per our custom FormID (mainsearch) and FieldID (searchterms).
You will note that when any page on our website loads, the cursor automatically focuses on the form input text field in the search box, making it easier (and more motivating) to search our website. This will help us to increase search views on our website, which will convert to more page views and site traffic.
Note: You can also use this trick to focus cursor on your e-mail subscription form, to increase newsletter subscriptions for sale conversions easily. Remember NOT to use it on multiple forms to confuse browsers.Â Try it on your website and tell us how you find this quick tip.