HTML and CSS Reference
In-Depth Information
The code for this exercise can be found in folder 3.
Follow these steps:
1.
Open the
bookings.html
file.
2.
Below the existing form fields, create a new
<div>
element with the class
field
.
3.
Within this
<div>
element, create a new
<textarea>
element.
4.
Set both the
id
and
name
attributes on this
<textarea>
to be
message
.
5.
Set the
cols
attribute on this
<textarea>
to be 50.
6.
Set the
rows
attribute to be 10.
7.
Above this
<textarea>
element, create a new
<label>
element.
8.
Set the
for
attribute on this
<label>
to be
message
.
9.
Add the following text within the
<label>
element:
Special Requests:
.
10.
Save the
bookings.html
file.
You have now added a
<textarea>
to your form that visitors can use to provide some extra comments about their
booking requests. Here's how your new code should look.
<div class=”field”>
<label for=”message”>Special Requests:</label>
<textarea name=”message” id=”message” cols=”50” rows=”10”>
</textarea>
</div>
Figure 5-8 shows how your bookings form should look in your browser.