Skip to content

Instantly share code, notes, and snippets.

@burin

burin/gist:568878

Created September 7, 2010 19:07
Show Gist options
  • Save burin/568878 to your computer and use it in GitHub Desktop.
Save burin/568878 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Forms Static : Default</title>
<style>
</style>
</head>
<body>
<form>
<fieldset>
<legend>Annie Apple</legend>
<dl>
<dt><label for="alpha">Form Field:</label></dt>
<dd><input id="alpha" name="alpha" type="text" value="Entered Text"></dd>
<dd>
<input id="bravo" name="bravo" type="checkbox" value="1" />
<input name="bravo" type="hidden" value="0" />
<label for="bravo">adjacent checkbox</label>
</dd>
<dt><label for="charlie">Form Field:</label></dt>
<dd><input type="text" name="charlie" value="" id="charlie"></dd>
<dd>
<input id="delta" name="delta" type="checkbox" value="1" />
<input name="delta" type="hidden" value="0" />
<label for="delta">adjacent checkbox</label>
</dd>
</dl>
</fieldset>
<fieldset>
<legend>Bouncy Ben</legend>
<dl>
<dd>
<input id="echo" name="echo" type="radio" value="1" checked="checked" />
<label for="echo">Selected Radio Button</label>
<input id="foxtrot" name="foxtrot" type="radio" value="2" />
<label for="foxtrot">Radio Button</label>
</dd>
<dd class="group">
<input id="golf" name="golf" type="checkbox" value="1" />
<input name="golf" type="hidden" value="0" />
<label for="golf">Group Option</label>
<input id="hotel" name="hotel" type="checkbox" value="1" />
<input name="hotel" type="hidden" value="0" />
<label for="hotel">Disabled Option</label>
</dd>
<dd>
<input id="india" name="india" type="checkbox" value="1" />
<input name="india" type="hidden" value="0" />
<label for="india">Checkbox</label>
</dd>
<dt><label for="juliet">Paired Form Fields:</label></dt>
<dd><input type="text" name="juliet" value="" id="juliet"> @ <input type="text" name="juliet_2" value="" id="juliet_2"></dd>
<dt><label for="kilo">Paired Form Fields:</label></dt>
<dd><input type="text" name="kilo" value="" id="kilo"> @ <input type="text" name="kilo_2" value="" id="kilo_2"></dd>
</dl>
</fieldset>
<fieldset>
<legend>Clever Cat</legend>
<dl>
<dt><label for="lima">Dropdown Paired with Form Field:</label></dt>
<dd>
<select name="lima" id="lima" onchange="" size="1">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<input type="text" name="lima_2" value="" id="lima_2">
</dd>
<dt><label for="mike">Dropdown:</label></dt>
<dd>
<select name="mike" id="mike">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
</dd>
<dt><label for="november">Form Field:</label></dt>
<dd><input type="text" name="november" value="" id="november"></dd>
<dt><label for="oscar">Dropdown Group:</label></dt>
<dd>
<select name="oscar" id="oscar">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<select name="oscar_2" id="oscar_2">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
</dd>
<dd>
<select name="oscar_3" id="oscar_3">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<select name="oscar_4" id="oscar_4">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
</dd>
</dl>
</fieldset>
<fieldset>
<legend>Dippy Duck</legend>
<div class="buttons">
<label for="papa">Label for Dropdown Paired with Button:</label>
<select name="papa" id="papa">
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<input type="submit" class="" value="Submit" />
</div>
</fieldset>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment