gecko/layout/html/tests/formctls/base/select_init.html

299 lines
4.3 KiB
HTML
Raw Normal View History

<HTML>
<HEAD>
<TITLE>Select Tests: Init</TITLE>
<BODY>
<H2>Select Tests: Init</H2>
<TABLE BORDER=1>
<TR>
<TH>Init</TH>
<TD>
<B>Steps:</B> Come to this page with caching off.<BR>
<B>Verify:</B> Make sure the selects are initialized properly. The only one with multiple values in it should be the bottom right.
</TD>
</TR>
<TR>
<TH>Reset</TH>
<TD>
<B>Steps:</B> Change some values in every box (deselect at least one, select at least one) and hit Reset.<BR>
<B>Verify:</B> The values should be the same as they were at Init.
</TD>
</TR>
<TR>
<TH>Restore</TH>
<TD>
<B>Steps:</B> Change some values in every box (as above), go to <A HREF="http://www.google.com">Google</A>, and hit Back.<BR>
<B>Verify:</B> The values should stay at how you changed them.
</TD>
</TR>
<TR>
<TH>No Restore</TH>
<TD>
<B>Steps:</B> Change some values in every box (as above), and hit shift+reload.<BR>
<B>Verify:</B> The values should be reset.
</TD>
</TR>
</TABLE>
<BR>
<FORM NAME=mainform>
<INPUT TYPE=reset><BR><BR>
<TABLE BORDER=1>
<TR><TH></TH><TH>Nothing</TH><TH>0 values</TH><TH>1 value</TH><TH>2 values</TH><TH>optgroups</TH><TH>doc.write</TH></TR>
<TR>
<TD><B>Dropdown</B></TD>
<TD>
<SELECT NAME=blah>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah2>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah3>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah4>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah5>
<OPTGROUP LABEL=first>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
</OPTGROUP>
<OPTGROUP LABEL=second>
<OPTION SELECTED>9
<OPTION>10
</OPTGROUP>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah6>
<SCRIPT>
document.write("<OPTION>1");
</SCRIPT>
<OPTION>2
<OPTION>3
<OPTION>4
<SCRIPT>
document.write("<OPTGROUP><OPTION>5<OPTION>6<OPTION SELECTED>7</OPTGROUP>");
</SCRIPT>
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
</TR>
<TR>
<TD><B>Single Select</B></TD>
<TD>
<SELECT NAME=blah7 SIZE=5>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah8 SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah9 SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah10 SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah11 SIZE=5>
<OPTGROUP LABEL=first>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
</OPTGROUP>
<OPTGROUP LABEL=second>
<OPTION SELECTED>9
<OPTION>10
</OPTGROUP>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah12 SIZE=5>
<SCRIPT>
document.write("<OPTION>1");
</SCRIPT>
<OPTION>2
<OPTION>3
<OPTION>4
<SCRIPT>
document.write("<OPTGROUP><OPTION>5<OPTION>6<OPTION SELECTED>7</OPTGROUP>");
</SCRIPT>
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
</TR>
<TR>
<TD><B>Multiple Select</B></TD>
<TD>
<SELECT NAME=blah13 MULTIPLE SIZE=5>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah14 MULTIPLE SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah15 MULTIPLE SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah16 MULTIPLE SIZE=5>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
<TD>
<SELECT NAME=blah17 MULTIPLE SIZE=5>
<OPTGROUP LABEL=first>
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION SELECTED>7
<OPTION>8
</OPTGROUP>
<OPTGROUP LABEL=second>
<OPTION SELECTED>9
<OPTION>10
</OPTGROUP>
</SELECT>
</TD>
<TD>
<SELECT NAME=blah18 MULTIPLE SIZE=5>
<SCRIPT>
document.write("<OPTION>1");
</SCRIPT>
<OPTION>2
<OPTION>3
<OPTION>4
<SCRIPT>
document.write("<OPTGROUP><OPTION>5<OPTION>6<OPTION SELECTED>7</OPTGROUP>");
</SCRIPT>
<OPTION>8
<OPTION SELECTED>9
<OPTION>10
</SELECT>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>