HTML and CSS Reference
In-Depth Information
The purpose of this exercise is to show you how to create forms that incorporate a num-
ber of different types of form controls. In this case, the form will include a text field, a
radio button group, a select list, a check box group, a file upload field, and a text area.
The form, rendered in a browser, appears in Figure 11.16.
FIGURE 11.16
A registration form
for a website.
Let's look at the components used to build the form. The styles for the form are included
in the page header. Here's the style sheet:
<style type=”text/css” media=”screen”>
form div {
margin-bottom: 1em;
div.submit input {
margin-left: 165px;
label.field {
display: block;
float: left;
margin-right: 15px;
width: 150px;
text-align: right;
label.required {
font-weight: bold;
Search WWH ::

Custom Search