From the course: Building Great Forms with HTML and CSS
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Tips for adding search
From the course: Building Great Forms with HTML and CSS
Tips for adding search
- [Instructor] A search box is a combination of an input field and a submit button. One may think that the search box doesn't need a design. After all, it's just two simple elements. But since the search box is one of the most frequently used design elements on content heavy websites, its usability is critical. When incorporating search, keep these things in mind. Display search field prominently. The most important rule in search box designs is to make it easily noticeable. If search is an important function for your app or a website, it should be displayed prominently, as it can be the fastest route to discovery. Always accompany a search box with a magnifying glass icon. Icons are, by definition, a visual representation of an object, action, or idea. There are a few icons that have mostly universal recognition from users. The magnifying glass icon is one such icon. Users recognize a magnifying glass icon as meaning search,…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.