![]()
![]()
Table of Contents
Mastering HTML5 Forms
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Forms and Their Significance
Understanding web forms
Benefits
HTML versus HTML5 forms
The form <input> types, elements, and attributes
The <form> <input> types
The <form> elements
The <form> attributes
Building an HTML5 form
Guidelines
Summary
2. Validation of Forms
Form validation
Client-side form validation
Server-side form validation
HTML5 form validation
Code 1 – validating a textbox using JavaScript
Code 2 – validating a textbox using HTML5 <form> controls
Constraint validations
HTML5 constraint validation APIs
The validity object
The checkValidity method
The setCustomValidity() method
The willValidate attribute
The validationMessage attribute
The patternMismatch property
The validity.patternMismatch attribute
The customError property
The validity.customError property
The rangeOverflow property
The validity.rangeOverflow property
The rangeUnderflow property
The validity.rangeUnderflow property
The stepMismatch property
The validity.stepMismatch property
The tooLong property
The validity.tooLong property
The typeMismatch property
The validity.typeMismatch property
The valueMissing property
The validity.valueMissing property
The valid property
The validity.valid property
Error messages
Summary
3. Styling the Forms
CSS3 for web forms
Selectors and pseudo-selectors
Backgrounds
The background-clip property
Syntax
Values
The background-origin property
Syntax
Values
The background-size property
Syntax
Values
The background-color property
The background-repeat property
The background-attachment property
Borders
The border-radius property
Syntax
Values
The box-shadow property
Syntax
Values
The border-image property
Syntax
Values
Text effects
The text-shadow property
Syntax
The word-wrap property
Syntax
Values
Fonts
The @font-face rule
Syntax
Font descriptors
The src font descriptor
The font-style font descriptor
The font-stretch font descriptor
The font-family font descriptor
The unicode-range font descriptor
The font-weight descriptor
Gradients
Syntax
Values
Styling the forms
Guidelines
Summary
4. Connection with Database
PHP
Syntax
Form handling
The GET method
The POST method
The filter method
Validating user input data
Sanitizing user input data
The FILTER_CALLBACK filter
Filter multiple inputs
MySQL
MySQL for PHP
MySQL-PHP connectivity
Open a connection to the MySQL server
Close a connection
Create or select a database
Create a database
Select a database
Create a table
Primary keys
Spoofing and forging forms
Forging HTTP requests
Spoofing submissions
Shared secrets
Setting expectations
Linking a form to a server
Summary
5. Responsive Web Forms
Responsive design
Google's view about responsive design
Benefits of using responsive design
How responsive design works
Screen resolutions
Viewport
Media queries
Media types
Internal media query
Syntax
External media query
Media features
Different screen resolutions
Small screen devices
High resolution displays of Apple mobile devices
For high resolution devices
For small screen high resolution devices
For large screen high resolution devices
Devices in landscape and portrait modes
Small screen devices in portrait mode only
Small screen devices in landscape mode only
Fluid grids
Fluid grid generators
960 grid system
Bootstrap
Adaptive images
Features
How it works
Customization
Making our form responsive
Limitations
Guidelines
Summary
Index
![]()
Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies ...
