Milligram - Forms

HTML
<form> <fieldset> <label for="nameField">Name</label> <input type="text" placeholder="CJ Patoilo" id="nameField"> <label for="ageRangeField">Age Range</label> <select id="ageRangeField"> <option value="0-13">0-13</option> <option value="14-17">14-17</option> <option value="18-23">18-23</option> <option value="24+">24+</option> </select> <label for="commentField">Comment</label> <textarea placeholder="Hi CJ …" id="commentField"></textarea> <div class="example-send-yourself-copy"> <input type="checkbox" id="confirmField"> <label class="label-inline" for="confirmField">Send a copy to yourself</label> </div> <input class="button-primary" type="submit" value="Send"> </fieldset> </form> <!-- Always wrap checkbox and radio inputs in a label and use a <span class="label-inline"> inside of it -->
CSS
JAVASCRIPT
/* The Form has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard. Milligram help to make this much easier with design focused on the user experience. https://github.com/milligram/milligram https://milligram.github.io */
Expand for more options Login