From the course: Building HTML5 Forms with Dreamweaver
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The search input - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
The search input
- [Instructor] The search input displays a search friendly keypad in mobile devices and in some browsers, specifically Safari at this point, it displays a search icon and a drop down to display a set number of previous searches. Let's walk through the code and see how this works. The syntax is the same as we've used for other inputs I'm putting the search input in a form of its own because search boxes are never a part of a larger form. So I've got a new form. I open and close it. Label is going to be four equals search and I'll clue people in that this is a search box and close the label. For input type, I've got search. The idea is going to be search. We'll have a name, search, and I'm going to add a results parameter with a value of five. That results parameter is going to define how many of the users' old searches show up when they hit the drop down. And I'll show you how that works in a moment. I'm going to test this in Safari since Safari has nice support for this feature. And…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.