default.html (2312B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Selector: pseudo-classes (:default)</title> 4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1> 5 <link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id=link2> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="utils.js"></script> 9 <div id="log"></div> 10 <form> 11 <button id=button1 type=button>button1</button> 12 <button id=button2 type=submit>button2</button> 13 </form> 14 <form> 15 <button id=button3 type=reset>button3</button> 16 <button id=button4>button4</button> 17 </form> 18 <button id=button5 type=submit>button5</button> 19 <form id=form1> 20 <input type=text id=input1> 21 </form> 22 <input type=text id=input2 form=form1> 23 <form> 24 <input type=submit id=input3> 25 <input type=submit id=input4> 26 </form> 27 <form> 28 <input type=image id=input5> 29 <input type=image id=input6> 30 </form> 31 <form> 32 <input type=submit id=input7> 33 </form> 34 <input type=checkbox id=checkbox1 checked> 35 <input type=checkbox id=checkbox2> 36 <input type=checkbox id=checkbox3 default> 37 <input type=radio name=radios id=radio1 checked> 38 <input type=radio name=radios id=radio2> 39 <input type=radio name=radios id=radio3 default> 40 <select id=select1> 41 <optgroup label="options" id=optgroup1> 42 <option value="option1" id=option1>option1 43 <option value="option2" id=option2 selected>option2 44 </select> 45 <dialog id="dialog"> 46 <input type=submit id=input8> 47 </dialog> 48 <form> 49 <button id=button6 type='invalid'>button6</button> 50 <button id=button7>button7</button> 51 </form> 52 <form> 53 <button id=button8>button8</button> 54 <button id=button9>button9</button> 55 </form> 56 57 58 <script> 59 testSelectorIdsMatch(":default", ["button2", "button4", "input3", "input5", "input7", "checkbox1", "radio1", "option2", "button6", "button8"], "':default' matches <button>s that are their form's default button, <input>s of type submit/image that are their form's default button, checked <input>s and selected <option>s"); 60 61 document.getElementById("button1").type = "submit"; // change the form's default button 62 testSelectorIdsMatch(":default", ["button1", "button4", "input3", "input5", "input7", "checkbox1", "radio1", "option2", "button6", "button8"], "':default' matches dynamically changed form's default buttons"); 63 64 </script>