mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
157 lines
5.6 KiB
HTML
157 lines
5.6 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
||
|
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head>
|
||
|
|
<title>Testing controls that should match :enabled/:disabled</title>
|
||
|
|
<style type="text/css">
|
||
|
|
input, textarea, button, *.hideme { display: none; }
|
||
|
|
div { margin-bottom: 0.2em; }
|
||
|
|
|
||
|
|
span, option, optgroup { color: lime; background-color: lime; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
There should be no red in the following (note: form styling should be enabled).
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form method="get" action=".">
|
||
|
|
<div>
|
||
|
|
input:
|
||
|
|
<input/> <span class="true">FAIL</span>
|
||
|
|
<input disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input id="i1"/> <span class="false">FAIL</span>
|
||
|
|
<input id="i2" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
password:
|
||
|
|
<input type="password"/> <span class="true">FAIL</span>
|
||
|
|
<input type="password" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="password" id="i3"/> <span class="false">FAIL</span>
|
||
|
|
<input type="password" id="i4" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
checkbox:
|
||
|
|
<input type="checkbox"/> <span class="true">FAIL</span>
|
||
|
|
<input type="checkbox" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="checkbox" id="i5"/> <span class="false">FAIL</span>
|
||
|
|
<input type="checkbox" id="i6" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
radio:
|
||
|
|
<input type="radio"/> <span class="true">FAIL</span>
|
||
|
|
<input type="radio" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="radio" id="i7"/> <span class="false">FAIL</span>
|
||
|
|
<input type="radio" id="i8" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
submit:
|
||
|
|
<input type="submit"/> <span class="true">FAIL</span>
|
||
|
|
<input type="submit" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="submit" id="i9"/> <span class="false">FAIL</span>
|
||
|
|
<input type="submit" id="i10" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
reset:
|
||
|
|
<input type="reset"/> <span class="true">FAIL</span>
|
||
|
|
<input type="reset" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="reset" id="i11"/> <span class="false">FAIL</span>
|
||
|
|
<input type="reset" id="i12" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
file:
|
||
|
|
<input type="file"/> <span class="true">FAIL</span>
|
||
|
|
<input type="file" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="file" id="i13"/> <span class="false">FAIL</span>
|
||
|
|
<input type="file" id="i14" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
hidden:
|
||
|
|
<input type="hidden"/> <span class="true">FAIL</span>
|
||
|
|
<input type="hidden" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="hidden" id="i15"/> <span class="false">FAIL</span>
|
||
|
|
<input type="hidden" id="i16" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
image:
|
||
|
|
<input type="image"/> <span class="true">FAIL</span>
|
||
|
|
<input type="image" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="image" id="i17"/> <span class="false">FAIL</span>
|
||
|
|
<input type="image" id="i18" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
button (input):
|
||
|
|
<input type="button"/> <span class="true">FAIL</span>
|
||
|
|
<input type="button" disabled="disabled"/> <span class="false">FAIL</span>
|
||
|
|
<input type="button" id="i19"/> <span class="false">FAIL</span>
|
||
|
|
<input type="button" id="i20" disabled="disabled"/> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
textarea:
|
||
|
|
<textarea cols="5" rows="5"></textarea> <span class="true">FAIL</span>
|
||
|
|
<textarea cols="5" rows="5" disabled="disabled"></textarea> <span class="false">FAIL</span>
|
||
|
|
<textarea cols="5" rows="5" id="i21"></textarea> <span class="false">FAIL</span>
|
||
|
|
<textarea cols="5" rows="5" id="i22" disabled="disabled"></textarea> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
button:
|
||
|
|
<button>bogus</button> <span class="true">FAIL</span>
|
||
|
|
<button disabled="disabled">bogus</button> <span class="false">FAIL</span>
|
||
|
|
<button id="i23">bogus</button> <span class="false">FAIL</span>
|
||
|
|
<button id="i24" disabled="disabled">bogus</button> <span class="true">FAIL</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
select:
|
||
|
|
<select class="hideme"><option>bogus</option></select> <span class="true">FAIL</span>
|
||
|
|
<select class="hideme" disabled="disabled"><option>bogus</option></select> <span class="false">FAIL</span>
|
||
|
|
<select class="hideme" id="i25"><option>bogus</option></select> <span class="false">FAIL</span>
|
||
|
|
<select class="hideme" id="i26" disabled="disabled"><option>bogus</option></select> <span class="true">FAIL</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
option:
|
||
|
|
<select size="4">
|
||
|
|
<option class="true">FAIL</option>
|
||
|
|
<option class="false" disabled="disabled">FAIL</option>
|
||
|
|
<option class="false" id="i27">FAIL</option>
|
||
|
|
<option class="true" id="i28" disabled="disabled">FAIL</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
optgroup:
|
||
|
|
<select size="4">
|
||
|
|
<optgroup class="true" label="FAIL">
|
||
|
|
<option class="hideme">bogus</option>
|
||
|
|
</optgroup>
|
||
|
|
<optgroup class="false" disabled="disabled" label="FAIL">
|
||
|
|
<option class="hideme">bogus</option>
|
||
|
|
</optgroup>
|
||
|
|
<optgroup class="false" id="i29" label="FAIL">
|
||
|
|
<option class="hideme">bogus</option>
|
||
|
|
</optgroup>
|
||
|
|
<optgroup class="true" disabled="disabled" id="i30" label="FAIL">
|
||
|
|
<option class="hideme">bogus</option>
|
||
|
|
</optgroup>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|