Web Programming with HTML5, CSS, and JavaScript

10.10 fieldset and legend Elements

In the past several sections, we’ve used radio button groups and checkbox groups. To make the groupings more obvious to someone viewing the web page, you can add a border around each group and embed a caption within the border. Note the following example, which provides a border and caption for a group of three color-selection radio buttons:

To make a border, surround the radio button elements with a fieldset container. To make a caption, include a legend element within the fieldset container. Here’s the relevant code that was used to create the preceding radio button group:

<style> fieldset {display: inline;} ...