HTML and CSS Reference
In-Depth Information
<input type=”text” name=”bookingTime” id=”bookingTime”>
</div>
<div class=”field”>
<label for=”guests”>Number of Guests:</label>
<input type=”number” name=”guests” id=”guests”>
</div>
<div class=”field”>
<label for=”marketing”>Please tick this box if you would like
to receive special offers from Joe's Pizza Co.</label>
<input type=”checkbox” name=”marketing” id=”marketing”
value=”1”>
</div>
<div class=”field”>
<label for=”message”>Special Requests:</label>
<textarea id=”message” name=”message” cols=”50” rows=”10”>
</textarea>
</div>
</fieldset>
<div class=”field”>
<button type=”submit”>Request Booking</button>
</div>
</form>
Most browsers will usually put a border around
<fieldset>
elements to make the groups of form controls more
visible.
Congratulations! You have now finished the bookings form (for now). Submitting this form won't actually do any-
thing because you do not have a
bookings.php
file to process the data. Figure 5-14 shows how your Bookings
page should look. In the next two chapters you will be learning how to use HTML5 to make this web form a bit more
exciting.
