Book Image

Mastering HTML5 Forms

By : Gaurav Gupta
Book Image

Mastering HTML5 Forms

By: Gaurav Gupta

Overview of this book

HTML5 has given web developers the ability to easily develop sites and applications which, previously, were extremely time consuming. Now, they can not only build visually stunning forms and web pages, but can also increase the scope of their applications, as well as collect valuable user inputs and data through customized forms. This practical guide will teach you how to create responsive forms, and how to link them to the database. This will enable you to take advantage of the power behind HTML5 elements for building forms, and make the user interfaces attractive and more interactive. Explore the benefits of web forms, and learn how to create them using new HTML5 form elements. This guide will take you through a number of clear, practical examples that will help you to take advantage of the forms built and customized using HTML5 and related technologies, quickly and painlessly. Your ability to build responsive forms will be enhanced throughout the book.You will also learn about the necessity of validations, CSS3 properties for improving the look of the form, and how to link the form to the server. Lastly, you will learn to make the standard forms responsive by making them compatible with desktops and mobile devices.

Related Content you might be interested in

Current Title:

Small book image
Mastering HTML5 Forms
Gaurav Gupta
Nov, 2013 | 148 pages
No titles found
Table of Contents (12 chapters)
Mastering HTML5 Forms
Mastering HTML5 Forms
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Forms and Their Significance
Forms and Their Significance
Understanding web forms
HTML versus HTML5 forms
The form <input> types, elements, and attributes
Building an HTML5 form
Guidelines
Summary
2
Validation of Forms
Validation of Forms
Form validation
HTML5 form validation
Constraint validations
Error messages
Summary
3
Styling the Forms
Styling the Forms
CSS3 for web forms
Selectors and pseudo-selectors
Backgrounds
Text effects
Fonts
Gradients
Styling the forms
Guidelines
Summary
4
Connection with Database
Connection with Database
PHP
MySQL
Spoofing and forging forms
Linking a form to a server
Summary
5
Responsive Web Forms
Responsive Web Forms
Responsive design
Media queries
Fluid grids
Adaptive images
Making our form responsive
Limitations
Guidelines
Summary
Index
Index

Guidelines

In this section, we will see the CSS3 guidelines for effective styling of the forms.

Some of the best practices for CSS3 are as follows:

  • Avoid using inline styling for CSS. External CSS files must be used for styling.

  • Minified CSS files must be used wherever possible as this a practice for removing unnecessary characters from the code to reduce the size.

  • Use combined files for CSS.

  • Avoid use of multiple declarations wherever possible.

  • Always think of progressive enhancement.

  • Vendor prefixes should be organized and well commented.

  • For background-related properties use fallback.

  • The readability of the text should not be affected while using typography.

  • Enable the fallback and test the form in every browser.

  • Try to use efficient CSS selectors.

  • Avoid the usage of CSS Expression wherever possible.

  • Specify image dimensions to improve the rendering speed of the web page.

  • Use CSS sprites for faster rendering of images.

Previous Section
End of Section 9
Next Section