From the course: Building HTML5 Forms with Dreamweaver
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Styling with fieldsets - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
Styling with fieldsets
- [Instructor] The fieldset element is new in HTML5 and very useful. It's used to organize a set of inputs. It makes form entry more organized, more coherent for users, and especially in a very large form, a fieldset can make data entry less overwhelming. You're saying to the user, here's a bunch of things I need to know and here's another bunch of things I need to know, and it's less overwhelming. By default, the fieldset comes with its own style, a thin gray border. Let's change that, first of all. I'll create a new style for the fieldset. By making this dashed, and I made it a little more subtle, so that the form doesn't come across with quite so many lines. Let me show you something else about fieldsets. They are accompanied by another new HTML5 element called a legend. Let me show you how that works. I've gone down into the HTML code part of my page, and I'm going to create a legend that explains to the user what the following set of fields is all about. Let's see how this looks…
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.