From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
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.
Contents
-
-
-
-
-
(Locked)
A quick survey of the top nine input types5m 58s
-
(Locked)
The color input2m 33s
-
(Locked)
The date input2m 27s
-
(Locked)
The email input1m 41s
-
(Locked)
The number input1m 42s
-
(Locked)
The range input3m 19s
-
(Locked)
The search input1m 56s
-
(Locked)
The telephone input1m 6s
-
(Locked)
The time input2m 3s
-
(Locked)
The URL input3m 56s
-
(Locked)
-
-
-
-
-