You might be wondering why we are covering forms in this chapter and not the last chapter. This is because Foundation has a validation library built with JavaScript, so it made more sense to cover them together. So, let's get started with forms on or around line 140; after our clearing code, let's insert the following code:
<form> <div class="row"> <div class="large-12 columns"> <label>Label <input type="text" placeholder="I am an input" /> </label> </div> </div> </form>
Have a look at that in your browser. Just like all the other elements, you can use the Foundation grid to lay out your forms and put them into different columns to make pretty complicated form layouts. You can put any input, select, or text area element where the input element is currently inside of a label tag. But for radio buttons, you insert your label and then close your label tag and then insert your radio input tags. Let's add...