84400-1-ref.html (5712B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <title>Testing controls that should match :enabled/:disabled</title> 7 <style type="text/css"> 8 input, textarea, button, *.hideme { display: none; } 9 div { margin-bottom: 0.2em; } 10 11 span, option, optgroup { color: lime; background-color: lime; } 12 </style> 13 </head> 14 <body> 15 <div> 16 There should be no red in the following (note: form styling should be enabled). 17 </div> 18 19 <form method="get" action="."> 20 <div> 21 input: 22 <input/> <span class="true">FAIL</span> 23 <input disabled="disabled"/> <span class="false">FAIL</span> 24 <input id="i1"/> <span class="false">FAIL</span> 25 <input id="i2" disabled="disabled"/> <span class="true">FAIL</span> 26 </div> 27 28 <div> 29 password: 30 <input type="password"/> <span class="true">FAIL</span> 31 <input type="password" disabled="disabled"/> <span class="false">FAIL</span> 32 <input type="password" id="i3"/> <span class="false">FAIL</span> 33 <input type="password" id="i4" disabled="disabled"/> <span class="true">FAIL</span> 34 </div> 35 36 <div> 37 checkbox: 38 <input type="checkbox"/> <span class="true">FAIL</span> 39 <input type="checkbox" disabled="disabled"/> <span class="false">FAIL</span> 40 <input type="checkbox" id="i5"/> <span class="false">FAIL</span> 41 <input type="checkbox" id="i6" disabled="disabled"/> <span class="true">FAIL</span> 42 </div> 43 44 <div> 45 radio: 46 <input type="radio"/> <span class="true">FAIL</span> 47 <input type="radio" disabled="disabled"/> <span class="false">FAIL</span> 48 <input type="radio" id="i7"/> <span class="false">FAIL</span> 49 <input type="radio" id="i8" disabled="disabled"/> <span class="true">FAIL</span> 50 </div> 51 52 <div> 53 submit: 54 <input type="submit"/> <span class="true">FAIL</span> 55 <input type="submit" disabled="disabled"/> <span class="false">FAIL</span> 56 <input type="submit" id="i9"/> <span class="false">FAIL</span> 57 <input type="submit" id="i10" disabled="disabled"/> <span class="true">FAIL</span> 58 </div> 59 60 <div> 61 reset: 62 <input type="reset"/> <span class="true">FAIL</span> 63 <input type="reset" disabled="disabled"/> <span class="false">FAIL</span> 64 <input type="reset" id="i11"/> <span class="false">FAIL</span> 65 <input type="reset" id="i12" disabled="disabled"/> <span class="true">FAIL</span> 66 </div> 67 68 <div> 69 file: 70 <input type="file"/> <span class="true">FAIL</span> 71 <input type="file" disabled="disabled"/> <span class="false">FAIL</span> 72 <input type="file" id="i13"/> <span class="false">FAIL</span> 73 <input type="file" id="i14" disabled="disabled"/> <span class="true">FAIL</span> 74 </div> 75 76 <div> 77 hidden: 78 <input type="hidden"/> <span class="true">FAIL</span> 79 <input type="hidden" disabled="disabled"/> <span class="false">FAIL</span> 80 <input type="hidden" id="i15"/> <span class="false">FAIL</span> 81 <input type="hidden" id="i16" disabled="disabled"/> <span class="true">FAIL</span> 82 </div> 83 84 <div> 85 image: 86 <input type="image"/> <span class="true">FAIL</span> 87 <input type="image" disabled="disabled"/> <span class="false">FAIL</span> 88 <input type="image" id="i17"/> <span class="false">FAIL</span> 89 <input type="image" id="i18" disabled="disabled"/> <span class="true">FAIL</span> 90 </div> 91 92 <div> 93 button (input): 94 <input type="button"/> <span class="true">FAIL</span> 95 <input type="button" disabled="disabled"/> <span class="false">FAIL</span> 96 <input type="button" id="i19"/> <span class="false">FAIL</span> 97 <input type="button" id="i20" disabled="disabled"/> <span class="true">FAIL</span> 98 </div> 99 100 <div> 101 textarea: 102 <textarea cols="5" rows="5"></textarea> <span class="true">FAIL</span> 103 <textarea cols="5" rows="5" disabled="disabled"></textarea> <span class="false">FAIL</span> 104 <textarea cols="5" rows="5" id="i21"></textarea> <span class="false">FAIL</span> 105 <textarea cols="5" rows="5" id="i22" disabled="disabled"></textarea> <span class="true">FAIL</span> 106 </div> 107 108 <div> 109 button: 110 <button>bogus</button> <span class="true">FAIL</span> 111 <button disabled="disabled">bogus</button> <span class="false">FAIL</span> 112 <button id="i23">bogus</button> <span class="false">FAIL</span> 113 <button id="i24" disabled="disabled">bogus</button> <span class="true">FAIL</span> 114 </div> 115 116 <div> 117 select: 118 <select class="hideme"><option>bogus</option></select> <span class="true">FAIL</span> 119 <select class="hideme" disabled="disabled"><option>bogus</option></select> <span class="false">FAIL</span> 120 <select class="hideme" id="i25"><option>bogus</option></select> <span class="false">FAIL</span> 121 <select class="hideme" id="i26" disabled="disabled"><option>bogus</option></select> <span class="true">FAIL</span> 122 123 </div> 124 125 <div> 126 option: 127 <select size="4"> 128 <option class="true">FAIL</option> 129 <option class="false" disabled="disabled">FAIL</option> 130 <option class="false" id="i27">FAIL</option> 131 <option class="true" id="i28" disabled="disabled">FAIL</option> 132 </select> 133 </div> 134 135 <div> 136 optgroup: 137 <select size="4"> 138 <optgroup class="true" label="FAIL"> 139 <option class="hideme">bogus</option> 140 </optgroup> 141 <optgroup class="false" disabled="disabled" label="FAIL"> 142 <option class="hideme">bogus</option> 143 </optgroup> 144 <optgroup class="false" id="i29" label="FAIL"> 145 <option class="hideme">bogus</option> 146 </optgroup> 147 <optgroup class="true" disabled="disabled" id="i30" label="FAIL"> 148 <option class="hideme">bogus</option> 149 </optgroup> 150 </select> 151 </div> 152 153 </form> 154 155 </body> 156 </html>