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 types, elements, and attributes -- The types -- The elements -- The 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 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.