HTML and CSS Reference
In-Depth Information
.
Output
FIGURE 11.4
You can assign
labels to any form
control. Note that
they're displayed
with the control.
If you include your form control within the
label
element, as shown in the following
code, you can omit the
for
attribute:
<label>
User name
<input type=“text” name=“username” /></label>
The
<label>
tag doesn't cause any visible changes to the page, but you can style it using
CSS, as you saw in the example login form earlier. One common styling approach people
use is to apply a special style to the labels of required fields. For example, you may
declare a style rule like this:
label.required { font-weight: bold }
You can then set the
class
for the labels for all the required fields in your form to
“required,” and the labels for those fields will appear in boldface.
11
<input>
Tag
Now it's time to learn how to create the data entry fields form. The
<input>
tag enables
you to create many different types of form controls.
Form controls
are special HTML tags used in a form that enable you to gather informa-
tion from visitors to your web page. The information is packaged into a request sent to
the URL in the form's
action
attribute.
The
input
element consists of an opening tag with attributes, no other content, and no
closing tag:
<input
attributes
/>
The key point here is using the right attributes to create the form control you need. The
most important of these is
type
, which specifies what kind of form control to display.
For all controls, except Submit and Reset buttons, the
name
attribute is required. It
