O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

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

Forms

Foundation brings style and class to forms (literally). Foundation has added custom styles to HTML form elements and then enhanced them with some unique classes.

Much of this comes without the necessity of JavaScript, but it is there and is essential for some features. If you've mastered the grid system, you can put that knowledge to work. By their very nature, rows and columns make it easy to lay out a form. And Foundation takes the grid system even further by using its styles directly in form layouts.

Let's get started with an example of the high-level structure of a form:

<form><fieldset>
  <div class="row">
    <div class="small-6 column">
      <fieldset><legend>Patient Details</legend> <!-- patient form elements --> </fieldset> </div> <div class="small-6 ...

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