From the course: Building HTML5 Forms with Dreamweaver

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

The URL input

The URL input - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial Buy for my team

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