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 URL input

The URL input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

The URL input

“

- [Instructor] Number nine, in our list of the nine most valuable input types is the URL input. It provides a URL friendly keypad for mobile users and once again, that might well be the difference between collecting a client or a visitor's or a potential member's URL and squandering it. You'll want to use the URL input when you are asking for URLs. Full disclosure. There is in my view, a bit of a glitch with the URL input, in that it requires users to enter a URL with the prefix http:// or https://. That's something users aren't used to doing. Let's face it, most people just say, "My URL is google.com." They don't even have the www, let alone the http://. I'm going to show you a way around that. But, first of all, let's set up the basic syntax. It is, again we're using a pattern very similar to other inputs. Label for="url" and then some kind of prompt, like your URL, and we close the label. Then, input type="url" id="url" name="url" and, we'll hold off on the solution. Let's try this…

Contents