Chapter 5. Responsive Web Forms

In the previous chapters, we learned about forms: what forms are, how we can validate them, how we can improve the look and feel of a form, and how to store the information collected with the help of forms into a database. But, with the enhancement of technology, different devices with different screen resolutions require different layouts. So, in this chapter we will learn how to make our forms responsive.

In this chapter, we will cover the following topics:

  • What is responsive design
  • What are media queries
  • What are fluid grids
  • How to make our forms responsive
  • Guidelines for making responsive forms more effective

Responsive design

The term responsive design was introduced in May, 2010, by Ethan Marcotte, a writer and web ...

Get Mastering HTML5 Forms now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.