Murach's HTML5 and CSS3
How to work with forms

Many web pages use forms for user interactions like buying a product, signing up for a newsletter, or asking for information. So this chapter begins by showing you how to create user-friendly forms.

In the past, JavaScript routines were commonly used to check data for accuracy as the user entered it. But HTML5 offers new features for data validation that don't require JavaScript. It also offers new form controls that improve user accessibility. So this chapter covers those topics as well.

Chapter 10 How to work with forms
How to use forms and controls 318
How to create a form 318
How to use buttons 320
How to use text fields 322
How to use radio buttons and check boxes 324
How to use drop-down lists 326
How to use list boxes 328
How to use text areas 330
How to use labels 332
How to group controls with fieldset and legend elements 334
How to use a file upload control 336
Other skills for working with forms 338
How to align controls 338
How to format controls 340
How to set the tab order and assign access keys 342
How to use the HTML5 features for data validation 344
The HTML5 attributes and CSS3 selectors for data validation 344
How to use regular expressions for data validation 346
How to use a datalist to present entry options 348
How to use the HTML5 controls 350
How to use the email, url, and tel controls 350
How to use the number and range controls 352
How to use the date and time controls 354
How to use the search control for a search function 356
How to use the color control 358
How to use the output element to display output data 360
How to use the progress and meter elements to display output data 362
A web page that uses HTML5 data validation 364
The page layout 364
The HTML 366
The CSS 368




Murach's HTML5 and CSS3

Learn more about this book

View the table of contents


More about the eBook



Our 100% Guarantee

First, try our books for 90 days. Then, if you aren't completely convinced that our books are the best ones you've ever used, you can return them for a prompt refund...no questions asked.