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.

Adding labels and badges

Adding labels and badges - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Adding labels and badges

- [Man] We can make this form more inviting, more self-explanatory, more user-friendly, and pop more, as my designer friends say. By taking advantage of bootstrap labels and badge. Let's do a badge first. Users recognize that styled new badge as something to tell them that something new has been added to the page since they got here before. And maybe we just started signing people up on our e-mail list, we don't want them to fly on past, and so that new badge draws their attention to the form. Next, let's add a label that puts a little bit more emphasis on the need to collect an e-mail address. Now, I elected not to go with danger, which is red, but warning, which is an indication that this is something important that you don't want to miss. So, by adding a warning label and a new badge, we've made this form a little more eye-catching, a little more inviting, a little more accessible.

Contents