New Horizons Get Schooled Blog

Auto-focus on the search input field to improve UI (HTML5)

Posted on 12/6/17 9:09 AM by Get Schooled in Auto Focus, in Better UI, in focus on search tool, in HTML5, in HTML5 tips and tricks, in Search Field, in Tips & Tricks, in UI, in UI tips and tricks

More than half of all web users navigate using the search box, so from a user’s perspective that handy rectangle is one of the most important elements of a website. When a website visitor lands on the homepage, usually they will scroll down, then navigate to another page—often via the search box. A simple adjustment to your HTML will autofocus a user’s cursor into the input box as soon as the page loads so they are ready to go. Users that frequently visit the same website, such as those for banks or hospitals, benefit even more from this function as they grow to expect it and can begin typing their destination into the search box immediately after the page loads.

0 CommentsContinue Reading →

Search by Topic

    Lists by Topic

    see all

    Be at the center of it all.


    Knowledge Ninjas

    a web-based service that allows software application end users to access a subject matter expert in real-time via a chat interface to resolve questions or problems they encounter in their specific software.