book

Mastering HTML5 Forms

by Gaurav Gupta

November 2013

Intermediate to advanced

148 pages

2h 55m

English

Packt Publishing

Read now

Unlock full access

Support files, eBooks, discount offers and moreWhy Subscribe?Free Access for Packt account holders
What this book covers

Downloading the example codeErrataPiracyQuestions
Understanding web formsBenefits
The <form> <input> typesThe <form> elementsThe <form> attributes
Form validationClient-side form validationServer-side form validation
Code 1 – validating a textbox using JavaScriptCode 2 – validating a textbox using HTML5 <form> controls
HTML5 constraint validation APIsThe validity objectThe checkValidity methodThe setCustomValidity() methodThe willValidate attributeThe validationMessage attributeThe patternMismatch propertyThe validity.patternMismatch attributeThe customError propertyThe validity.customError propertyThe rangeOverflow propertyThe validity.rangeOverflow propertyThe rangeUnderflow propertyThe validity.rangeUnderflow propertyThe stepMismatch propertyThe validity.stepMismatch propertyThe tooLong propertyThe validity.tooLong propertyThe typeMismatch propertyThe validity.typeMismatch propertyThe valueMissing propertyThe validity.valueMissing propertyThe valid propertyThe validity.valid property
CSS3 for web forms
The background-clip propertySyntaxValuesThe background-origin propertySyntaxValuesThe background-size propertySyntaxValuesThe background-color propertyThe background-repeat propertyThe background-attachment propertyBordersThe border-radius propertySyntaxValuesThe box-shadow propertySyntaxValuesThe border-image propertySyntaxValues
The text-shadow propertySyntaxThe word-wrap propertySyntaxValues
The @font-face ruleSyntaxFont descriptorsThe src font descriptorThe font-style font descriptorThe font-stretch font descriptorThe font-family font descriptorThe unicode-range font descriptorThe font-weight descriptor
SyntaxValues
PHPSyntaxForm handlingThe GET methodThe POST methodThe filter methodValidating user input dataSanitizing user input dataThe FILTER_CALLBACK filterFilter multiple inputs
MySQL for PHPMySQL-PHP connectivityOpen a connection to the MySQL serverClose a connectionCreate or select a databaseCreate a databaseSelect a databaseCreate a tablePrimary keys
Forging HTTP requestsSpoofing submissionsShared secretsSetting expectations
Responsive designGoogle's view about responsive designBenefits of using responsive designHow responsive design worksScreen resolutionsViewport
Media typesInternal media querySyntaxExternal media queryMedia featuresDifferent screen resolutionsSmall screen devicesHigh resolution displays of Apple mobile devicesFor high resolution devicesFor small screen high resolution devicesFor large screen high resolution devicesDevices in landscape and portrait modesSmall screen devices in portrait mode onlySmall screen devices in landscape mode only
Fluid grid generators960 grid systemBootstrap
FeaturesHow it worksCustomization

Overview

Dive into the intricate details of creating professional HTML5-based web forms with 'Mastering HTML5 Forms'. This book provides a step-by-step approach to building dynamic, responsive, and visually appealing forms that enhance user experience and perfect data collection. By following the examples and practices outlined, you'll master advanced concepts and utilize innovative web technologies effectively.

What this Book will help me do

Understand and utilize the newest HTML5 form elements and their attributes to enhance user input.
Implement effective client-side and server-side form validations using both HTML5 attributes and JavaScript.
Craft aesthetically pleasing and accessible forms with CSS3 styling techniques to cater to diverse audiences.
Connect your forms to back-end databases using PHP and MySQL for efficient data storage and processing.
Ensure forms are responsive and adapt seamlessly to a variety of devices, enhancing usability and functionality.

Author(s)

Gaurav Gupta, a skilled web developer and technology enthusiast, brings years of hands-on experience in teaching and creating web-based solutions. Leveraging his expertise in HTML5, CSS3, and responsive design, he offers a deep understanding of form technologies. Gaurav's approach is practical and user-focused, making complex technical concepts easy to learn and apply.

Who is it for?

This book is ideal for web developers and designers looking to enhance their skills in creating responsive and functional web forms. If you have a basic understanding of HTML and PHP, you'll benefit greatly from the tutorials and examples provided. Whether you're looking to improve user interaction, collect data efficiently, or optimize forms for a mobile audience, this guide will equip you with the tools to succeed.