Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

114 lines (103 sloc) 3.887 kb
<h1>Example Form</h1>
<form action="/foobar" method="post" id="example_form">
<div id="personal-info-wrapper">
<div class="element-wrapper">
<label for="first_name">First Name: </label>
<input type="text" name="first_name" id="first_name" size="30" />
</div>
<div class="element-wrapper">
<label for="last_name">Last Name: </label>
<input type="text" name="last_name" id="last_name" size="30" value="Smith" />
</div>
<div class="element-wrapper">
<label for="purpose_here">Purpose Here: </label>
<input type="text" name="purpose_here" id="purpose_here" size="30" value="Testing!" readonly="readonly" />
</div>
<div class="element-wrapper">
<label for="disabled_field">Disabled Field: </label>
<input type="text" name="disabled_field" id="disabled_field" size="30" value="Disabled!" disabled="disabled" />
</div>
<div class="element-wrapper">
<div><label for="bio">Biography: </label></div>
<textarea name="bio" id="bio" cols="60" rows="6">Please write a short biography.</textarea>
</div>
<div class="element-wrapper">
<label>Gender: </label>
<label class="choice" for="male">
<input type="radio" name="gender" value="male" id="male" checked="checked" />
Male
</label>
<label class="choice" for="female">
<input type="radio" name="gender" value="female" id="female" />
Female
</label>
</div>
</div>
<div class="element-wrapper">
<div>
<label>Programming Languages You Know: </label>
</div>
<label class="choice" for="clojure">
<input type="checkbox" name="clojure" />
Clojure
</label><br/>
<label class="choice" for="common_lisp">
<input type="checkbox" name="common_lisp" />
Common Lisp
</label><br/>
<label class="choice" for="java">
<input type="checkbox" name="java" />
Java
</label><br/>
<label class="choice" for="ruby">
<input type="checkbox" name="ruby" />
Ruby
</label><br/>
<label class="choice" for="python">
<input type="checkbox" name="python" />
Python
</label>
</div>
<div class="element-wrapper">
<label for="countries">Countries: </label>
<select name="countries" id="countries">
<option value="france">France</option>
<option value="deutschland">Germany</option>
<option value="ayiti">Haiti</option>
<option value="bharat" selected="selected">India</option>
</select>
</div>
<div class="element-wrapper">
<label for="dinner">Dinner: </label>
<select name="dinner" id="dinner">
<optgroup id="opt_food" label="food">
<option value="cow">Steak</option>
<option value="hen">Chicken</option>
</optgroup>
<optgroup id="opt_drink" label="drinks">
<option value="syrupy">Soda</option>
<option value="fruity">Juice</option>
<option value="wet">Water</option>
</optgroup>
</select>
</div>
<div class="element-wrapper">
<div>
<label for="site_types">Types of Websites: </label>
</div>
<select name="site_types" id="site_types" multiple="multiple">
<option value="blog">Blog</option>
<option value="social_media">Social Media</option>
<option value="search_engine">Search Engine</option>
<option value="code">Code Hosting</option>
</select>
</div>
<div class="element-wrapper">
<button class="button-button">
<strong>Button Button</strong>
</button>
<input type="button" class="input-button" id="input-input-button" value="Input Button Button" />
<input type="submit" class="input-button" id="input-submit-button" value="Input Submit Button" />
<input type="reset" class="input-button" id="input-reset-button" value="Input Reset Button" />
</div>
</form>
Jump to Line
Something went wrong with that request. Please try again.