Removed the forms chapter.
Maybe later, with JS.
This commit is contained in:
parent
631f7446b2
commit
b715d36260
|
@ -23,8 +23,6 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#text">Text</a></li>
|
<li><a href="#text">Text</a></li>
|
||||||
|
|
||||||
<li><a href="#forms">Forms</a></li>
|
|
||||||
|
|
||||||
<li><a href="#lists">Lists</a></li>
|
<li><a href="#lists">Lists</a></li>
|
||||||
|
|
||||||
<li><a href="#tables">Tables</a></li>
|
<li><a href="#tables">Tables</a></li>
|
||||||
|
@ -67,9 +65,9 @@
|
||||||
|
|
||||||
<p>Please send your correspondence to:</p>
|
<p>Please send your correspondence to:</p>
|
||||||
<address>
|
<address>
|
||||||
Donald Duck<br>
|
S. Holmes<br>
|
||||||
Box 555<br>
|
221B Baker St.<br>
|
||||||
Disneyland
|
London, England
|
||||||
</address>
|
</address>
|
||||||
|
|
||||||
<pre>pre keeps
|
<pre>pre keeps
|
||||||
|
@ -148,8 +146,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3 class="center">You may pick and choose amongst these and many more features,
|
<h3 class="center">And now for something completely different.</h3>
|
||||||
so be bold.</h3>
|
|
||||||
|
|
||||||
<h5><a name="lists">LISTS</a></h5>
|
<h5><a name="lists">LISTS</a></h5>
|
||||||
|
|
||||||
|
@ -262,208 +259,5 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<h5><a name="forms">FORMS</a></h5>
|
|
||||||
|
|
||||||
<form id="dummy" action="" method="post">
|
|
||||||
<fieldset>
|
|
||||||
<legend>Simple sample form</legend>
|
|
||||||
|
|
||||||
<p><label for="dummy0">Text input (title)</label><br>
|
|
||||||
<input type="text" class="title" name="dummy0" id="dummy0"
|
|
||||||
value="Field with class .title"></p>
|
|
||||||
|
|
||||||
<p><label for="dummy1">Another field</label><br>
|
|
||||||
<input type="text" class="text" id="dummy1" name="dummy1"
|
|
||||||
value="Field with class .text"></p>
|
|
||||||
|
|
||||||
<p><label for="dummy2">Textarea</label><br>
|
|
||||||
<textarea name="dummy2" id="dummy2" rows="5" cols="20">
|
|
||||||
</textarea></p>
|
|
||||||
|
|
||||||
<p><label for="dummy3">A password field</label><br>
|
|
||||||
<input type="password" class="text" id="dummy3" name=
|
|
||||||
"dummy3" value="Password field with class .text"></p>
|
|
||||||
|
|
||||||
<p><input type="submit" value="Submit"> <input type="reset"
|
|
||||||
value="Reset"></p>
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-12 last">
|
|
||||||
<div class="error">
|
|
||||||
This is a <div> with the class <strong>.error</strong>.
|
|
||||||
<a href="#">Link</a>.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="notice">
|
|
||||||
This is a <div> with the class
|
|
||||||
<strong>.notice</strong>. <a href="#">Link</a>.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="info">
|
|
||||||
This is a <div> with the class <strong>.info</strong>.
|
|
||||||
<a href="#">Link</a>.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="success">
|
|
||||||
This is a <div> with the class
|
|
||||||
<strong>.success</strong>. <a href="#">Link</a>.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<fieldset>
|
|
||||||
<legend>Select, checkboxes, lists</legend>
|
|
||||||
|
|
||||||
<p><label for="dummy3">Select field</label><br>
|
|
||||||
<select id="dummy3" name="dummy3">
|
|
||||||
<option value="1">
|
|
||||||
Ottawa
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="2">
|
|
||||||
Calgary
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="3">
|
|
||||||
Moosejaw
|
|
||||||
</option>
|
|
||||||
</select></p>
|
|
||||||
|
|
||||||
<p><label for="dummy4">Select with groups</label><br>
|
|
||||||
<select id="dummy4" name="dummy4">
|
|
||||||
<option>
|
|
||||||
Favorite pet
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<optgroup label="mammals">
|
|
||||||
<option>
|
|
||||||
dog
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option>
|
|
||||||
cat
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option>
|
|
||||||
rabbit
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option>
|
|
||||||
horse
|
|
||||||
</option>
|
|
||||||
</optgroup>
|
|
||||||
|
|
||||||
<optgroup label="reptiles">
|
|
||||||
<option>
|
|
||||||
iguana
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option>
|
|
||||||
snake
|
|
||||||
</option>
|
|
||||||
</optgroup>
|
|
||||||
</select></p>
|
|
||||||
|
|
||||||
<p><label>Radio buttons</label><br>
|
|
||||||
<input type="radio" name="example"> Radio one<br>
|
|
||||||
<input type="radio" name="example"> Radio two<br>
|
|
||||||
<input type="radio" name="example"> Radio three<br></p>
|
|
||||||
|
|
||||||
<p><label>Checkboxes</label><br>
|
|
||||||
<input type="checkbox"> Check one<br>
|
|
||||||
<input type="checkbox"> Check two<br>
|
|
||||||
<input type="checkbox"> Check three<br></p>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-24 last">
|
|
||||||
<fieldset>
|
|
||||||
<legend>Alignment</legend>
|
|
||||||
|
|
||||||
<p><label for="dummy5">Select field</label> <select id=
|
|
||||||
"dummy5" name="dummy5">
|
|
||||||
<option value="1">
|
|
||||||
Ottawa
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="2">
|
|
||||||
Calgary
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="3">
|
|
||||||
Moosejaw
|
|
||||||
</option>
|
|
||||||
</select></p>
|
|
||||||
|
|
||||||
<p><label for="dummy6">Text input (title)</label>
|
|
||||||
<input type="text" class="title" name="dummy6" id="dummy6"
|
|
||||||
value="Field with class .title"></p>
|
|
||||||
|
|
||||||
<p><label for="dummy7">Select field</label> <select id=
|
|
||||||
"dummy7" name="dummy7">
|
|
||||||
<option value="1">
|
|
||||||
Ottawa
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="2">
|
|
||||||
Calgary
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="3">
|
|
||||||
Moosejaw
|
|
||||||
</option>
|
|
||||||
</select> <label for="dummy8">Another field</label>
|
|
||||||
<input type="text" class="text" id="dummy8" name="dummy8"
|
|
||||||
value="Field with class .text"></p>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-24 last">
|
|
||||||
<form action="" method="post" class="inline">
|
|
||||||
<fieldset>
|
|
||||||
<legend>A form with class "inline"</legend>
|
|
||||||
|
|
||||||
<div class="span-3">
|
|
||||||
<label for="a">Label A:</label> <select id="a" name="a">
|
|
||||||
<option value="0">
|
|
||||||
All
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-2">
|
|
||||||
some text
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-3">
|
|
||||||
<input type="checkbox" id="o" name="o" value="true"
|
|
||||||
checked="checked" class="checkbox">checkbox one
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-3">
|
|
||||||
<label for="b">Label B:</label> <select id="b" name="b">
|
|
||||||
<option value="0">
|
|
||||||
All
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-2">
|
|
||||||
<a href="">A Hyperlink</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-8">
|
|
||||||
<input type="text" class="text" id="q" name="q" value=
|
|
||||||
"Field with class .text">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span-2 last">
|
|
||||||
<input type="submit" value="submit" class="button">
|
|
||||||
</div>
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Reference in a new issue