Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Gaurav Gupta
Mastering HTML5 Forms
Mastering HTML5 Forms
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
Who this book is for
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
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
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
Linking a form to a server
Summary
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Table of Contents
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset