+ </p>
+ <div id="foo">
+ <p id="sndp">Everything inside the red border is inside a div with <code>id="foo"</code>.</p>
+ <p lang="en" id="en">This is a normal link: <a id="yahoo" href="http://www.yahoo.com/" class="blogTest">Yahoo</a></p>
+ <p id="sap">This link has <code><a href="#2" id="anchor2">class="blog"</a></code>: <a href="http://simon.incutio.com/" class="blog link" id="simon">Simon Willison's Weblog</a></p>
+
+ </div>\r
+ <p id="first">Try them out:</p>\r
+ <ul id="firstUL"></ul>
+ <ol id="empty"></ol>
+ <form id="form" action="formaction">
+ <input type="text" value="Test" name="action" id="text1"/>
+ <input type="text" value="Test" id="text2" disabled="disabled"/>
+ <input type="radio" name="radio1" id="radio1"/>
+
+ <input type="radio" name="radio2" id="radio2" checked/>
+ <input type="checkbox" name="check" id="check1" checked/>
+ <input type="checkbox" name="check" id="check2"/>
+
+ <input type="hidden" name="hidden" id="hidden1"/>
+ <input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>\r
+ \r
+ <input type="text" id="name" name="name" value="name" />\r
+ \r
+ <select name="select1" id="select1">\r
+ <option id="option1a" value="">Nothing</option>\r
+ <option id="option1b" value="1">1</option>\r
+ <option id="option1c" value="2">2</option>\r
+ <option id="option1d" value="3">3</option>\r
+ </select>\r
+ <select name="select1" id="select2">\r
+ <option id="option2a" value="">Nothing</option>\r
+ <option id="option2b" value="1">1</option>\r
+ <option id="option2c" value="2">2</option>\r
+ <option id="option2d" selected value="3">3</option>\r
+ </select>\r
+ <select name="select3" id="select3" multiple="multiple">\r
+ <option id="option3a" value="">Nothing</option>\r
+ <option id="option3b" selected="selected" value="1">1</option>\r
+ <option id="option3c" selected value="2">2</option>\r
+ <option id="option3d" value="3">3</option>\r
+ </select>
+ </form>
+ </div>
+ </dl>
+
+ <ol id="tests"></ol>