O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive form using IdealForms

IdealForms, available at https://github.com/elclanrs/jq-idealforms, is a framework used to build and validate responsive HTML5 forms. Also, it has keyboard support, fast validation as soon as the user moves to the next field, and placeholder support for most of the browsers.

The IdealForms framework also has a pagination option that helps a lot to improve the user experience when filling extensive forms. Let's understand its usage by practicing it step by step.

How to implement it

Create a new HTML file and copy the basic code that we already wrote in the beginning of the chapter. Then, we will include the CSS stylesheet inside the <head> tag.

<link rel="stylesheet" href="css/jquery.idealforms.min.css"/>

Let's insert ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required