<h1>Form</h1> <form action="/form" method="post"> <p> <label for="form_title">Title</label> <select name="form[title]" id="form_title"> <option>Mrs</option> <option>Mr</option> <option>Miss</option> </select> </p> <p> <label for="form_first_name"> First Name <input type="text" name="form[first_name]" value="John" id="form_first_name"/> </label> </p> <p> <label for="form_last_name">Last Name</label> <input type="text" name="form[last_name]" value="Smith" id="form_last_name"/> </p> <p> <label for="form_name_explanation">Explanation of Name</label> <textarea name="form[name_explanation]" id="form_name_explanation"></textarea> </p> <p> <label for="form_name">Name</label> <input type="text" name="form[name]" value="John Smith" id="form_name"/> </p> <p> <label>Street<br/> <input type="text" name="form[street]" value="Sesame street 66"/> </label> </p> <p> <label for="form_phone">Phone</label> <input type="text" name="form[phone]" value="+1 555 7021" id="form_phone"/> </p> <p> <label for="form_password">Password</label> <input type="password" name="form[password]" value="seeekrit" id="form_password"/> </p> <p> <label for="form_terms_of_use">Terms of Use</label> <input type="hidden" name="form[terms_of_use]" value="0" id="form_terms_of_use_default"> <input type="checkbox" name="form[terms_of_use]" value="1" id="form_terms_of_use"> </p> <p> <label for="form_image">Image</label> <input type="file" name="form[image]" id="form_image"/> </p> <p> <input type="hidden" name="form[token]" value="12345" id="form_token"/> </p> <p> <label for="form_locale">Locale</label> <select name="form[locale]" id="form_locale"> <option value="sv">Swedish</option> <option selected="selected" value="en">English</option> <option value="fi">Finish</option> <option value="no">Norwegian</option> </select> </p> <p> <label for="form_region">Region</label> <select name="form[region]" id="form_region"> <option>Sweden</option> <option selected="selected">Norway</option> <option>Finland</option> </select> </p> <p> <label for="form_city">City</label> <select name="form[city]" id="form_city"> <option>London</option> <option>Stockholm</option> <option>Paris</option> </select> </p> <p> <label for="form_tendency">Tendency</label> <select name="form[tendency]" id="form_tendency"></select> </p> <p> <label for="form_description">Description</label></br> <textarea name="form[description]" id="form_description">Descriptive text goes here</textarea> <p> <p> <input type="radio" name="form[gender]" value="male" id="gender_male"/> <label for="gender_male">Male</label> <input type="radio" name="form[gender]" value="female" id="gender_female" checked="checked"/> <label for="gender_female">Female</label> <input type="radio" name="form[gender]" value="both" id="gender_both"/> <label for="gender_both">Both</label> </p> <p> <input type="checkbox" value="dog" name="form[pets][]" id="form_pets_dog" checked="checked"/> <label for="form_pets_dog">Dog</label> <input type="checkbox" value="cat" name="form[pets][]" id="form_pets_cat"/> <label for="form_pets_cat">Cat</label> <input type="checkbox" value="hamster" name="form[pets][]" id="form_pets_hamster" checked="checked"/> <label for="form_pets_hamster">Hamster</label> </p> <p> <label for="form_languages">Languages</label> <select name="form[languages][]" id="form_languages" multiple="multiple"> <option>Ruby</option> <option>SQL</option> <option>HTML</option> <option>Javascript</option> </select> </p> <p> <label for="form_underwear">Underwear</label> <select name="form[underwear][]" id="form_underwear" multiple="multiple"> <option selected="selected">Boxer Briefs</option> <option>Boxers</option> <option selected="selected">Briefs</option> <option selected="selected">Commando</option> </select> </p> <div style="display:none;"> <label for="form_first_name_hidden"> Super Secret <input type="text" name="form[super_secret]" value="test123" id="form_super_secret"/> </label> </div> <p> <input type="button" name="form[fresh]" id="fresh_btn" value="i am fresh"/> <input type="submit" name="form[awesome]" id="awe123" value="awesome"/> <input type="submit" name="form[crappy]" id="crap321" value="crappy"/> <input type="image" name="form[okay]" id="okay556" value="okay" alt="oh hai thar"/> <button type="submit" id="click_me_123" value="click_me">Click me!</button> </p> </form> <form action="/form/get?foo=bar" method="get"> <p> <label for="form_middle_name">Middle Name</label> <input type="text" name="form[middle_name]" value="Darren" id="form_middle_name"/> </p> <p> <input type="submit" name="form[mediocre]" id="mediocre" value="med"/> <p> </form> <form action="/upload" method="post" enctype="multipart/form-data"> <p> <label for="form_file_name">File Name</label> <input type="file" name="form[file_name]" id="form_file_name"/> </p> <p> <label for="form_document">Document</label> <input type="file" name="form[document]" id="form_document"/> </p> <p> <input type="submit" value="Upload"/> <p> </form> <form action="/redirect" method="post"> <p> <input type="submit" value="Go FAR"/> </p> </form> <form action="/form" method="post"> <p> <label for="html5_email">Html5 Email</label> <input type="email" name="form[html5_email]" value="person@email.com" id="html5_email"/> </p> <p> <label for="html5_url">Html5 Url</label> <input type="url" name="form[html5_url]" value="http://www.example.com" id="html5_url"/> </p> <p> <label for="html5_search">Html5 Search</label> <input type="search" name="form[html5_search]" value="what are you looking for" id="html5_search"/> </p> <p> <label for="html5_tel">Html5 Tel</label> <input type="tel" name="form[html5_tel]" value="911" id="html5_tel"/> </p> <p> <label for="html5_color">Html5 Color</label> <input type="color" name="form[html5_color]" value="#FFF" id="html5_color"/> </p> <p> <input type="submit" name="form[html5_submit]" value="html5_submit"/> </p> </form> <form action="/form" method="post"> <p> <button type="submit" name="form[button]" value="button_first">Just an input that came first</button> <button type="submit" name="form[button]" value="button_second">Just an input</button> <input type="submit" name="form[button]" value="Just a button that came first"/> <input type="submit" name="form[button]" value="Just a button"/> </p> </form>