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

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