formcontrol layout regression testcases

This commit is contained in:
bernd.mielke%snafu.de 2002-03-09 15:07:13 +00:00
parent db5f5098a7
commit 19bf4c0541
60 changed files with 2259 additions and 0 deletions

View File

@ -0,0 +1,28 @@
<html>
<head>
<style type="text/css">
<!--
textarea {font-family: Times; font-size: 10pt; width: 397px;}
-->
</style>
</head>
<body>
<textarea name=message rows=12>
1
2
3
4
5
6
7
8
9
0
A
B
C
D
Virginia ten, North Carolina five, South Carolina five, and Georgia three.
</textarea>
</body>
</html>

View File

@ -0,0 +1,9 @@
<html><body>
<form><table width="120"><tr><td>
<font>
<img src="http://www.google.com/images/logo.gif">
<input type="Text">
</td></tr></table></body></html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Checkbox test</title>
</head>
<body>
<form action="dummy.cgi">
<p>This should be checked <input type="checkbox" name="18895" value="1" checked="checked">
</p>
<p>This should not be checked <input type="checkbox" name="108515" value="1">
</p>
<p> <input type="submit" value="Submit"> <br>
</p>
</form>
</body>
</html>

View File

@ -0,0 +1,64 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Page</title></head>
<body>
<script type="application/x-javascript">
function OKclicked(){
document.GUI.cases.value = "kkk" //document.GUI.choice1.value
}
</script>
<form name="GUI" action="get">
<fieldset>
<legend>
Questions
</legend>
<center>
Something
<select name="choice1">
<option value="0">increased
<option value="1">decreased
<option value="2">same
<option value="3">don't know
</select><br>
Something else
<select name="choice2">
<option value="0">increased
<option value="1">decreased
<option value="2">same
<option value="3">don't know
</select><br>
And something else
<select name="choice3">
<option value="0">increased
<option value="1">decreased
<option value="2">same
<option value="3">don't know
</select><br>
<br><input type="button" value=" OK " onclick="OKclicked()"><br>
</center>
</fieldset>
<h2>Cases</h2>
<textarea name="cases" readonly rows=6 cols=60>
Here you will see cases. Select "decreased", "increased" and "same" then click
OK.
</textarea>
</form>
</body>
</html>

View File

@ -0,0 +1,21 @@
<html>
<head>
<style>
.Bg
{
BACKGROUND-COLOR: black;
FONT-SIZE: small
}
</style>
</head>
<body>
<form>
<span class=Bg>
<select name="site">
<option value="0">- Choose a Site -</option>
<option value="1">Online Banking</option>
</select>
</span>
</form>
</body>
</html>

View File

@ -0,0 +1,117 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- testcase: select_multipleselection_TABLE.html -->
<!-- description: HTML 4.1 Form Control: Select (optgroup, option) -->
<!-- Author: Madhur Bhatia Date: 7/24/01 -->
<!--
- The contents of this file are subject to the Mozilla Public
- License Version 1.1 (the "License"); you may not use this file
- except in compliance with the License. You may obtain a copy of
- the License at http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS
- IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
- implied. See the License for the specific language governing
- rights and limitations under the License.
-
- The Original Code is Mozilla Communicator Test Cases.
-
- The Initial Developer of the Original Code is Netscape Communications
- Corp. Portions created by Netscape Communications Corp. are
- Copyright (C) 1999 Netscape Communications Corp. All
- Rights Reserved.
-->
<!-- Purpose: Testing the HTML Form Control - Select (optgroup, option) , to verify the control complies to the w3c standards -->
<!-- Expected result: refer to the Test conditions in HTML Form Control matrix -->
<title> HTML Form Control: Menu (select - Optgroup/Option) </title>
</head>
<body>
<U>FORM WITHIN A TABLE TAG</U><BR>
<table border="1" cellspacing="2" cellpadding="2">
<form>
<tr>
<td>Multiple Item Selection:</td>
<td><select name="fruits" multiple>
<option>banana</option>
<option>apple</option>
<option>orange</option>
<option>grapes</option>
<option>peach</option>
<option>guava</option>
</select>
</td>
</tr>
<tr>
<td>Multiple selection and size attribute &gt; 1 </td>
<td><SELECT name="transport" size="5" multiple>
<OPTION selected label="none" value="none">None</OPTION>
<OPTGROUP label="air">
<OPTION label="air1" value="aeroplane">Aeroplane</OPTION>
<OPTION label="air2" value="helicopter">Helicopter</OPTION>
<OPTION label="air3" value="hotairbaloon">Hot Air Baloon</OPTION>
</OPTGROUP>
<OPTGROUP label="water">
<OPTION label="water1" value="ship">Ship</OPTION>
<OPTION label="water2" value="submarine">Submarine</OPTION>
</OPTGROUP>
<OPTGROUP label="ground">
<OPTION label="ground1" value="bus">Bus</OPTION>
<OPTION label="ground2" value="car">Car</OPTION>
</OPTGROUP>
</SELECT>
</td>
</tr>
</form>
</table>
<hr>
<U>TABLE WITHIN A FORM TAG</U><BR>
<form>
<table border="1" cellspacing="2" cellpadding="2">
<tr>
<td>Multiple Item Selection:</td>
<td><select name="fruits" multiple>
<option>banana</option>
<option>apple</option>
<option>orange</option>
<option>grapes</option>
<option>peach</option>
<option>guava</option>
</select>
</td>
</tr>
<tr>
<td>Multiple selection and size attribute &gt; 1 </td>
<td><SELECT name="transport" size="5" multiple>
<OPTION selected label="none" value="none">None</OPTION>
<OPTGROUP label="air">
<OPTION label="air1" value="aeroplane">Aeroplane</OPTION>
<OPTION label="air2" value="helicopter">Helicopter</OPTION>
<OPTION label="air3" value="hotairbaloon">Hot Air Baloon</OPTION>
</OPTGROUP>
<OPTGROUP label="water">
<OPTION label="water1" value="ship">Ship</OPTION>
<OPTION label="water2" value="submarine">Submarine</OPTION>
</OPTGROUP>
<OPTGROUP label="ground">
<OPTION label="ground1" value="bus">Bus</OPTION>
<OPTION label="ground2" value="car">Car</OPTION>
</OPTGROUP>
</SELECT>
</td>
</tr>
</table>
</form>
</body>
</html>

View File

@ -0,0 +1,48 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Alphabet button test</title>
</head>
<body>
<form action="">
<input type="button" value="a">
<input type="button" value="b">
<input type="button" value="c">
<input type="button" value="d">
<input type="button" value="e">
<input type="button" value="f">
<input type="button" value="g">
<input type="button" value="h">
<input type="button" value="i">
<input type="button" value="j">
<input type="button" value="k">
<input type="button" value="l">
<input type="button" value="m">
<input type="button" value="n">
<input type="button" value="o">
<input type="button" value="p">
<input type="button" value="q">
<input type="button" value="r">
<input type="button" value="s">
<input type="button" value="t">
<input type="button" value="u">
<input type="button" value="v">
<input type="button" value="w">
<input type="button" value="x">
<input type="button" value="y">
<input type="button" value="z">
<input type="button" value="0">
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="4">
<input type="button" value="5">
<input type="button" value="6">
<input type="button" value="7">
<input type="button" value="8">
<input type="button" value="9">
</form>
</body>
</html>

View File

@ -0,0 +1,14 @@
<HTML><HEAD><TITLE>CSIRO Australia - Scientific and Industrial Research</TITLE>
</HEAD>
<BODY>
<div style="width:180px;background-color:yellow;">
<FORM ACTION="/search/scripts/runFullSearch.asp" METHOD=POST TARGET="content">
<select size="1">
<option>Select Industry Sector</option>
</select>
<select size="1">
<option>Select Business Unit</option>
</select>
</FORM>
</div>
</BODY></HTML>

View File

@ -0,0 +1,5 @@
<input type="image" src="main4s-blk.gif" tabindex="1">
<BR><BR>
<input type="image" src="main4s-blk.gif" tabindex="2">
<BR><BR>
<input type="image" src="main4s-blk.gif" tabindex="3">

View File

@ -0,0 +1,9 @@
<html><head><title>Testcase for bug 22708</title></head>
<body>
<FORM>
<input type="text" style="text-align:center" size="60"
value="Bitte Namen der Geschichte eingeben">
</FORM>
</body></html>

View File

@ -0,0 +1,8 @@
<HTML>
<BODY onload="document.forms[0].area.value='line 1\rline 2'">
<form>
<textarea name=area rows=5 cols=10>
</textarea>
</form>
</BODY>
</HTML>

View File

@ -0,0 +1,33 @@
<p>some text</p>
<p>
<select size="3">
<option>single</option>
<option>select</option>
</select>
</p>
<p>
<select size="3" multiple>
<option>multi</option>
<option>select</option>
</select>
</p>
<p>
<select size="3">
<option>single</option>
<option>select</option>
<option>with</option>
<option>scrollbars</option>
</select>
</p>
<p>
<select size="3" multiple>
<option>multi</option>
<option>select</option>
<option>with</option>
<option>scrollbars</option>
</select>
</p>

View File

@ -0,0 +1,4 @@
<select>
<option value="foo">the following option has a value but no text</option>
<option selected value="bar"></option>
</select>

View File

@ -0,0 +1,16 @@
<html>
<body>
<form><textarea rows=5 cols=10 name="area">
1
2
3
4
5
6
7
8
9
scroll to here!
</textarea><input type=button onclick="this.form.area.value='a\nb\nc\nd\ne\nf\ng'" value="go!"></form>
</body>
</html>

View File

@ -0,0 +1 @@
<input type="file" style="border:0px">

View File

@ -0,0 +1 @@
<FONT><TABLE></TABLE><NOBR><FORM><INPUT TYPE="hidden" VALUE=""><SELECT></FORM>

View File

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<STYLE TYPE="text/css">
.selHead {
color: #000066;
font-weight: bold;
text-decoration: underline;
}
</STYLE>
</head>
<body>
<FORM ACTION="myile.cgi" METHOD="GET">
<SELECT NAME="exselect" SIZE="1">
<OPTION VALUE="FAV" CLASS="selHead">Favorites:
<OPTION VALUE="3">Ben's Test Collection [3]
<OPTION VALUE="2003">St. Veronica [2003]
<OPTION VALUE="2002">Butterfly [2002]
<OPTION VALUE="MR" CLASS="selHead">Most Recent:
<OPTION VALUE="3">Ben's Test Collection [3]
<OPTION VALUE="36">Exhibit #36 [36]
<OPTION VALUE="2003">St. Veronica [2003]
<OPTION VALUE="2002">Butterfly [2002]
</SELECT>
</FORM>
</body>
</html>

View File

@ -0,0 +1,31 @@
<HTML>
<HEAD>
<SCRIPT>
function kill_dd()
{
var x = document.forms[0].elements[0];
while (x.options.length != 0)
{
var a = x.options.length - 1;
x.options[a] = null;
}
}
</SCRIPT>
</HEAD>
<BODY onload="kill_dd();">
text text text text
<FORM>
<table border="1"><tr><td>
<SELECT style="width: 200px">
<OPTION>1</option>
<OPTION>2</option>
</SELECT>
</td></tr></table>
</FORM>
</BODY></HTML>

View File

@ -0,0 +1,12 @@
<HTML>
<HEAD><TITLE>Test case for bug #4050</TITLE></HEAD>
<BODY>
<form>
<select>
<option label="A">X
<option label="B">Y
<option label="C">Z
</select>
</form>
</BODY>
</HTML>

View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
W3C TEXTAREA sample:
<FORM action="http://somesite.com/prog/text-read" method="post">
<P>
<TEXTAREA name="thetext" rows="20" cols="80">
First line of initial text.
Second line of initial text.
</TEXTAREA>
<INPUT type="submit" value="Send"><INPUT type="reset">
</P>
</FORM>
</BODY>
</HTML>

View File

@ -0,0 +1,9 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<form>
<textarea id="ta1" cols=30 rows=14>
</textarea>
</form>
</body>
</html>

View File

@ -0,0 +1,58 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang="en">
<head>
<title>test case</title>
<style type="text/css" media="screen">
<!--
body {
color: #0f0;
background-color: #000;
margin: 0;
padding: 1em;
}
input[type="text"], select {
color: #0f0;
background-color: #000;
border-color: #06f;
border-width: 1px;
font-size: 2em;
line-height: 2em;
height: 5em;
width: 60%;
}
.test {
font-family: sans-serif;
}
-->
</style>
</head>
<body>
<form>
<table>
<tr>
<td>Test:</td>
<td><input type="text" class="test" value="text and Number 123"></td>
</tr>
<tr>
<td>Test:</td>
<td><select class="test">
<option>text and Number 123</option>
<option>text and Number 123</option>
<option>text and Number 123</option>
</select></td>
</tr>
</table>
</form>
</body>
</html>

View File

@ -0,0 +1,9 @@
<body>
<div style="border:1px solid black;" align=right>
<label>Align Right on container:</label><input type="text">
</div>
<br>
<div style="border:1px solid black;">
<label>No align on container:</label><input type="text">
</div>
</body>

View File

@ -0,0 +1,85 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>test case</title>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 5%;
background-color: #000;
color: #ff0;
}
table {
table-layout: fixed;
}
td {
color: #9cf;
background-color: #666;
font-weight: bold;
}
p {
font-size: 16px;
font-family: "MS Sans Serif", verdana, sans-serif;
background-color: #333;
color: #ffc;
border: 1px solid #f90;
padding: .5em;
margin-bottom: 1em;
}
input[type="text"], select[size="1"] {
font-size: 16px;
font-family: "MS Sans Serif", verdana, sans-serif;
background-color: #000;
color: #ff0;
border-color: #fc0;
width: 180px
}
input[type="text"]:focus, select[size="1"]:focus {
background-color: #fc0;
color: #000;
border-color: #ff0;
}
input[type="submit"] {
border-color: #fc0;
background-color: #fc0;
color: #006;
}
-->
</style>
</head>
<body>
<form action="http://gw.cnnfn.com/search/topSearch" method="post">
<table border="1" cellpadding="5">
<col width="100"><col width="200">
<tr>
<td align="center">Keyword:</td>
<td><input type="text" name="search" maxlength="38"></td>
</tr>
<tr>
<td align="center">Where:</td>
<td>
<select name="search_button" size="1">
<option value="FN" selected>cnnfn</option>
<option value="WEB">the web</option>
</select>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center"><input type="submit" name="submit"></td>
</tr>
</table>
</form>
</body>
</html>

View File

@ -0,0 +1,9 @@
<HTML>
<BODY>
<div style="position: absolute;top: 100px;left:100px;-moz-opacity:0.5;background-color:red;">
<form>
<input type="text">
</form>
</div>
</BODY>
</HTML>

View File

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<H1>Testcase to demonstrate line-height problem with horizontal scrollbar</H1>
<P>
<TEXTAREA style="overflow:auto; line-height:31px;" CLASS="f2 std-subhdr-inp-area" COLS="20" ROWS="4"></TEXTAREA>
<TEXTAREA style="overflow:auto; line-height:31px;" CLASS="f2 std-subhdr-inp-area" COLS="20" ROWS="4">Please at least two lines, with the first line larger than the width of the textarea</TEXTAREA>
</P>
</body>
</html>

View File

@ -0,0 +1,7 @@
<table>
<tr>
<td><input value="">
<input type=radio></td>
</tr>
</table>

View File

@ -0,0 +1,8 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<input style="vertical-align:top" type="checkbox"><label style="white-space:nowrap">Make the window smaller than this label to see the problem (if it's not already visible). Ok this string must be very long. asssssssssssssssssssssssssssssssssssssssssssassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</LABEL>
</body>
</html>

View File

@ -0,0 +1,47 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
*:focus:-moz-display-comboboxcontrol-frame {
background-color: #FFCC99 !important;
}
</STYLE>
</HEAD>
<BODY>
<H3>Very strange effect when using *:focus:-moz-display-comboboxcontrol-frame</H3>
<P>Move the pointer into and out of the table</P>
<P>Move the pointer over the controls in the second table and compare. The only difference between both tables is, that the first one has "align=left"</P>
<TABLE border align="left">
<TR>
<TD>
<SELECT>
<OPTION VALUE="1">genau</OPTION>
<OPTION VALUE="2">annährend </OPTION>
<OPTION VALUE="3">so ungefähr</OPTION>
</SELECT>
<INPUT type="text" maxlength="60">
</TD>
</TR>
</TABLE><BR>
<TABLE border>
<TR>
<TD>
<SELECT>
<OPTION VALUE="1">genau</OPTION>
<OPTION VALUE="2">annährend </OPTION>
<OPTION VALUE="3">so ungefähr</OPTION>
</SELECT>
<INPUT type="text" maxlength="60">
</TD>
</TR>
</TABLE>
<SELECT>
<OPTION VALUE="1">genau</OPTION>
<OPTION VALUE="2">annährend </OPTION>
<OPTION VALUE="3">so ungefähr</OPTION>
</SELECT>
<INPUT type="text" maxlength="60">
<P>Please don't tell me, that I shouldn't use internal classes. I was just searchig for workarounds to ohter SELECT-related problems and thought, that this might be a bug.</P>
</BODY>
</HTML>

View File

@ -0,0 +1,44 @@
<html><head><title>Testcase for bug </title>
<style>.ok{color:green} .err{color:red}</style>
</head>
<body bgcolor="#FFDD66" text="#000000">
<FORM>
<TABLE border=1>
<TR><TH>&nbsp;</TH><TH>SIZE<BR>attribute</TH><TH>INPUT TYPE="TEXT" of that SIZE</TH>
<TH>IE 5.00</TH><TH>NS 4.72</TH><TH>M17 (20000720)</TH></TR>
<TR><TD>1.</TD><TD>SIZE="20" </TD><TD><INPUT TYPE="TEXT" SIZE="20"> </TD>
<TD>20</TD><TD>20</TD><TD class=ok>20</TD></TR>
<TR><TD>2.</TD><TD>SIZE="1" </TD><TD><INPUT TYPE="TEXT" SIZE="1"> </TD>
<TD>1 </TD><TD>1 </TD><TD class=ok>1 </TD></TR>
<TR><TD>3.</TD><TD>SIZE="0" </TD><TD><INPUT TYPE="TEXT" SIZE="0"> </TD>
<TD>20</TD><TD>1 </TD><TD class=ok>0 </TD></TR>
<TR><TD>4.</TD><TD> </TD> <TD><INPUT TYPE="TEXT"> </TD>
<TD>20</TD><TD>20</TD><TD class=ok>20 </TD></TR>
<TR><TD>5.</TD><TD>SIZE="10XYZ"</TD><TD><INPUT TYPE="TEXT" SIZE="10XYZ"></TD>
<TD>20</TD><TD>10</TD><TD class=ok>10</TD></TR>
<TR><TD>6.</TD><TD>SIZE="10.99"</TD><TD><INPUT TYPE="TEXT" SIZE="10.99"></TD>
<TD>10</TD><TD>10</TD><TD class=ok>10</TD></TR>
<TR><TD>7.</TD><TD>SIZE="XYZ"</TD> <TD><INPUT TYPE="TEXT" SIZE="XYZ"></TD>
<TD>20</TD><TD>1 </TD><TD class=err>0 </TD></TR>
<TR><TD>8.</TD><TD>SIZE="NaN"</TD> <TD><INPUT TYPE="TEXT" SIZE="NaN"></TD>
<TD>20</TD><TD>1 </TD><TD class=err>&lt;0 ?!? </TD></TR>
<TR><TD>9.</TD><TD>SIZE="" </TD> <TD><INPUT TYPE="TEXT" SIZE=""> </TD>
<TD>20</TD><TD>1 </TD><TD class=err>0 </TD></TR>
<TR><TD>10.</TD><TD>SIZE="#!$"</TD> <TD><INPUT TYPE="TEXT" SIZE="#!$"></TD>
<TD>20</TD><TD>1 </TD><TD class=err>0 </TD></TR>
<TR><TD>11.</TD><TD>SIZE </TD> <TD><INPUT TYPE="TEXT" SIZE> </TD>
<TD>20</TD><TD>1 </TD><TD class=err>0 </TD></TR>
<TR><TD>12.</TD><TD>SIZE="-1" </TD> <TD><INPUT TYPE="TEXT" SIZE="-1"> </TD>
<TD>20</TD><TD>1 </TD><TD class=err>0 </TD></TR>
</TABLE>
</FORM>
<P>Last three columns show equivilent SIZE number on Windows 98 SE. (ie SIZE="" results in a field
as wide as a SIZE=20 in IE and as wide as a SIZE=1 field in NS. It does not reflect how many characters
that actually fits.)
<P>Notice how Mozilla (2000-07-20) treats "NaN" differently from other invalid values like "XYZ" for example.
<P>I think Mozilla does the right thing in the first 6 cases,<BR>
bug the rest should be treated as SIZE=20 (as IE5 does.)
</body></html>

View File

@ -0,0 +1,65 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
TABLE
{
cursor: text;
border: 1px solid grey;
border-spacing: 0px;
border-collapse: collapse;
font-family : Tahoma;
font-size : 10pt;
}
TD
{
border: 1px solid grey;
padding-left:3px;
width:130px;
height:24px;
text-align:center;
}
INPUT
{
width:125px;
font-family : Tahoma;
font-size:10pt;
color:#0000ff;
height:19px;
padding-left:0px;
margin-top:1px;
text-align:center;
border-style:solid;
}
</style>
<script>
function insertField()
{
var oTd = document.getElementById("td1");
var oTf = document.createElement("input");
var oText = oTd.firstChild;
oTf.value = "a really, really, really, really, really long string that will never fit in the textfield.";
oTd.replaceChild(oTf, oText);
}
</script>
</head>
<body>
<table>
<tr><td>some more filler here</td><td id="td1">this will be replaced</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
<tr><td>some more filler here</td><td>some more filler here</td></tr>
</table>
<br>
<form>
<input type="button" value="Isert textfield in upper table cell" onclick="insertField();"
style="width:200px;">
</form>
</body>
</html>

View File

@ -0,0 +1,20 @@
<HTML>
<BODY>
<FORM>
<SELECT SIZE="10">
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
<OPTION>11
<OPTION>12
</SELECT>
</FORM>
</BODY>
</HTML>

View File

@ -0,0 +1,140 @@
<html>
<style>
body {background-color:white;}
span {background-color:pink;}
span.class1 {vertical-align:bottom; background-color:lightgray; color:blue;}
p.correct {color: darkgreen;}
p.buggy {color: red;}
</style>
<body>
<h3>
Simple text
</h3>
<p class=correct>Correct: the bottom of all the X's is aligned</p>
<p>
<span style="font-size: 9px">X9X</span>
<span style="font-size:12px">X12X</span>
<span style="font-size:16px">X16X</span>
<span style="font-size:24px">X24X</span>
<span style="font-size:36px">X36X</span>
<span style="font-size:48px">X48X</span>
</p>
<hr>
<h3>
Simple text with "vertical-align:bottom"
</h3>
<p class=correct>Correct: the bottom of all the text boxes is aligned</p>
<p>
<span style="font-size: 9px; vertical-align:bottom;">X9X</span>
<span style="font-size:12px; vertical-align:bottom;">X12X</span>
<span style="font-size:16px; vertical-align:bottom;">X16X</span>
<span style="font-size:24px; vertical-align:bottom;">X24X</span>
<span style="font-size:36px; vertical-align:bottom;">X36X</span>
<span style="font-size:48px; vertical-align:bottom;">X48X</span>
</p>
<hr>
<h3>
html4 buttons with "vertical-align:bottom"
</h3>
<p class=correct>Correct: the bottom of the X's from the normal text is aligned, and the bottom of the
buttons is aligned with the bottom of the entire line box.</p>
<p>
<button style="font-size:9px; vertical-align:bottom;">X9X</button>
<span style="font-size:12px">X12X</span>
<button style="font-size:16px; vertical-align:bottom;">X16X</button>
<span style="font-size:24px">X24X</span>
<button style="font-size:36px; vertical-align:bottom;">X36X</button>
<span style="font-size:48px">X48X</span>
</p>
<p>
<span style="font-size:9px">X9X</span>
<button style="font-size:12px; vertical-align:bottom;">X12X</button>
<span style="font-size:16px">X16X</span>
<button style="font-size:24px; vertical-align:bottom;">X24X</button>
<span style="font-size:36px">X36X</span>
<button style="font-size:48px; vertical-align:bottom;">X48X</button>
</p>
<p>
<span style="font-size: 9px">X9X</span>
<button style="font-size:9px; vertical-align:bottom;">X9X</button>
<button style="font-size:12px; vertical-align:bottom;">X12X</button>
<button style="font-size:16px; vertical-align:bottom;">X16X</button>
<button style="font-size:24px; vertical-align:bottom;">X24X</button>
<button style="font-size:36px; vertical-align:bottom;">X36X</button>
<button style="font-size:48px; vertical-align:bottom;">X48X</button>
<span style="font-size:48px">X48X</span>
</p>
<hr>
<h3>
Mixing text <span class=class1>with</span> and without <span class=class1>"vertical-align:bottom"</span>
</h3>
<p class=correct>Correct: the bottom of normal X's is aligned, and the bottom of the
<span class=class1>styled boxes</span> is aligned with the bottom of the line box.</p>
<p>
<span style="font-size: 9px;" class=class1>X9X</span>
<span style="font-size:12px">X12X</span>
<span style="font-size:16px;" class=class1>X16X</span>
<span style="font-size:24px">X24X</span>
<span style="font-size:36px;" class=class1>X36X</span>
<span style="font-size:48px">X48X</span>
</p>
<p>
<span style="font-size: 9px">X9X</span>
<span style="font-size:12px;" class=class1>X12X</span>
<span style="font-size:16px">X16X</span>
<span style="font-size:24px;" class=class1>X24X</span>
<span style="font-size:36px">X36X</span>
<span style="font-size:48px;" class=class1>X48X</span>
</p>
<p>
<span style="font-size: 9px">X9X</span>
<span style="font-size: 9px;" class=class1>X9X</span>
<span style="font-size:12px;" class=class1>X12X</span>
<span style="font-size:16px;" class=class1>X16X</span>
<span style="font-size:24px;" class=class1>X24X</span>
<span style="font-size:36px;" class=class1>X36X</span>
<span style="font-size:48px;" class=class1>X48X</span>
<span style="font-size:48px">X48X</span>
</p>
<hr>
<h3>
html4 buttons
</h3>
<p class=buggy>Bug: the bottom of the buttons is aligned with the baseline of the text.
We should have instead the baseline of the buttons aligned with the baseline of the text.
</p>
<p>
<button style="font-size:9px">X9X</button>
<span style="font-size:12px">X12X</span>
<button style="font-size:16px">X16X</button>
<span style="font-size:24px">X24X</span>
<button style="font-size:36px">X36X</button>
<span style="font-size:48px">X48X</span>
</p>
<p>
<span style="font-size:9px">X9X</span>
<button style="font-size:12px">X12X</button>
<span style="font-size:16px">X16X</span>
<button style="font-size:24px">X24X</button>
<span style="font-size:36px">X36X</span>
<button style="font-size:48px">X48X</button>
</p>
<p>
<button style="font-size:9px">X9X</button>
<button style="font-size:12px">X12X</button>
<button style="font-size:16px">X16X</button>
<button style="font-size:24px">X24X</button>
<button style="font-size:36px">X36X</button>
<button style="font-size:48px">X48X</button>
<span style="font-size:48px">X48X</span>
</p>
<hr>
</body>
</html>

View File

@ -0,0 +1,33 @@
<html>
<head>
<title>testcase</title>
</head>
<body>
<form method=get action="search">
<table>
<tr>
<td>
<p>form outside table</p>
<input type="text" value="text in here">
<input type="submit">
</td>
</tr>
</table>
</form>
<table>
<tr>
<td>
<p>form nested inside table cell with the form controls</p>
<form method=get action="search">
<input type="text" value="text in here">
<input type="submit">
</form>
</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,9 @@
<TITLE>Form Style Test</TITLE>
<FORM>
<INPUT style="font: 12pt monospace">
<SELECT style="font: 12pt monospace">
<OPTION>An Option
</SELECT>
<BUTTON style="font: 12pt monospace">A Button</BUTTON>
<INPUT type="button" style="font: 12pt monospace" value="An Input">
</FORM>

View File

@ -0,0 +1,301 @@
<HTML>
<head>
<script>
function ReplaceComponentSelect( aForm, anArray ) {
for ( var i = 0; i < anArray.length; i++ ) {
aForm.Component.options[i].text = anArray[i];
aForm.Component.options[i].value = anArray[i];
}
if ( aForm.Component.length > anArray.length ) {
for ( ; i < aForm.Component.length; i++ ) {
aForm.Component.options[i].text = "";
aForm.Component.options[i].value = "";
}
}
}
function UpdateComponentList(aForm) {
var product = aForm.Product.selectedIndex;
aForm.status.value = "working.....";
switch ( product ) {
case 0:
ReplaceComponentSelect( aForm, BrowserComponentArray );
break;
case 1:
ReplaceComponentSelect( aForm, MailNewsComponentArray );
break;
case 2:
ReplaceComponentSelect( aForm, DocumentationComponentArray );
break;
case 3:
ReplaceComponentSelect( aForm, L10nComponentArray );
break;
}
aForm.status.value = "Done.";
}
var MailNewsComponentArray = [
"Choose One...",
"Account Manager", "Address Book", "Composition", "Filters",
"Internationalization", "Localization", "Mail Back End",
"Mail Database", "Mail Window Front End", "MIME", "Networking - General",
"Networking - IMAP", "Networking - News", "Networking - POP", "Networking - SMTP",
"Offline", "Printing", "Profile Migration", "Search", "Security: General", "Subscribe"
];
var BrowserComponentArray = [
"Choose One...",
"ActiveX Wrapper", "Bookmarks", "Browser-General", "Build Config",
"chatzilla", "Compositor", "Cookies", "DOM Level 0", "DOM Level 1", "DOM Level 2",
"DOM to Text Conversion", "DOM Viewer", "Editor", "Embedding APIs",
"Embedding: Docshell", "Evangelism", "Event Handling", "Form Manager", "Form Submission",
"GTK Embedding Widget", "Help", "History: Global", "History: Session", "History: URLBar",
"HTML Element", "HTML Form Controls", "HTMLFrames",
"HTMLTables", "Image Conversion Library", "ImageLib", "Installer",
"Installer: XPI Packages", "Installer: XPInstall Engine",
"Internationalization", "Java APIs for DOM", "Java APIs to WebShell",
"Java to XPCOM Bridge", "Java-Implemented Plugins", "JavaScript Debugger",
"Javascript Engine", "Keyboard Navigation", "Layout", "Live Connect", "Localization",
"MathML", "MozillaTranslator", "Networking", "Networking: Cache",
"Networking: File", "Networking: FTP", "Networking: HTTP", "OJI", "Parser",
"Password Manager", "PICS", "Plug-ins", "Preferences", "Preferences: Backend", "Printing",
"Profile Manager BackEnd", "Profile Manager FrontEnd", "Profile Migration",
"RDF", "Search", "Security: CAPS", "Security: Crypto", "Security: General",
"Selection", "Sidebar", "Skinability", "Style System",
"SVG", "Talkback", "Themes", "Threading", "User Interface: Design Feedback",
"Viewer App", "Views", "XBL", "XML", "XP Apps", "XP Apps: Cmd-line Features",
"XP Apps: GUI Features", "XP Miscellany", "XP Toolkit/Widgets",
"XP Toolkit/Widgets: Menus", "XP Toolkit/Widgets: Trees", "XP Toolkit/Widgets: XUL",
"XP Utilities", "XPCOM", "XPCOM Registry",
"XPConnect", "xpidl", "XSLT" ];
var DocumentationComponentArray = [
"Choose One...",
"Mozilla Developer", "User", "Web Developer" ];
var L10nComponentArray = [
"Choose One...",
"Bosnian/bs-BA", "Bulgarian/bg-BG", "Danish/da-DK", "Dutch/nl", "French/fr-FR",
"German-Austria/de-AT", "Italian/it-IT", "Norwegian/nno-no" ];
</script>
</head>
<BODY>
<form name=BugInfoForm>
<select name="Product" onChange="UpdateComponentList(this.form)" size=3>
<option name="Browser" SELECTED value="Browser">
Browser or Editor (aka Composer)
<option name="MailNews" VALUE="MailNews">
Mail or News
<option name="Documentation" value="Documentation">
Documentation
<option name="Browser+Localizations" value="Browser+Localizations">
Language Packs or Localized Builds
</select>
<br>
<select name="Component" size=1 >
<option value="NOTSELECTED">
Choose One...
<OPTION VALUE="ActiveX Wrapper">
ActiveX Wrapper
<OPTION VALUE="Bookmarks">
Bookmarks
<OPTION VALUE="Browser-General">
Browser-General
<OPTION VALUE="Build Config">
Build Config
<OPTION VALUE="chatzilla">
chatzilla
<OPTION VALUE="Compositor">
Compositor
<OPTION VALUE="Cookies">
Cookies
<OPTION VALUE="DOM Level 0">
DOM Level 0
<OPTION VALUE="DOM Level 1">
DOM Level 1
<OPTION VALUE="DOM Level 2">
DOM Level 2
<OPTION VALUE="DOM to Text Conversion">
DOM to Text Conversion
<OPTION VALUE="DOM Viewer">
DOM Viewer
<OPTION VALUE="Editor">
Editor
<OPTION VALUE="Embedding APIs">
Embedding APIs
<OPTION VALUE="Embedding: Docshell">
Embedding: Docshell
<OPTION VALUE="Evangelism">
Evangelism
<OPTION VALUE="Event Handling">
Event Handling
<OPTION VALUE="Form Manager">
Form Manager
<OPTION VALUE="Form Submission">
Form Submission
<OPTION VALUE="GTK Embedding Widget">
GTK Embedding Widget
<OPTION VALUE="Help">
Help
<OPTION VALUE="History: Global">
History: Global
<OPTION VALUE="History: Session">
History: Session
<OPTION VALUE="History: URLBar">
History: URLBar
<OPTION VALUE="HTML Element">
HTML Element
<OPTION VALUE="HTML Form Controls">
HTML Form Controls
<OPTION VALUE="HTMLFrames">
HTMLFrames
<OPTION VALUE="HTMLTables">
HTMLTables
<OPTION VALUE="Image Conversion Library">
Image Conversion Library
<OPTION VALUE="ImageLib">
ImageLib
<OPTION VALUE="Installer">
Installer
<OPTION VALUE="Installer: XPI Packages">
Installer: XPI Packages
<OPTION VALUE="Installer: XPInstall Engine">
Installer: XPInstall Engine
<OPTION VALUE="Internationalization">
Internationalization
<OPTION VALUE="Java APIs for DOM">
Java APIs for DOM
<OPTION VALUE="Java APIs to WebShell">
Java APIs to WebShell
<OPTION VALUE="Java to XPCOM Bridge">
Java to XPCOM Bridge
<OPTION VALUE="Java-Implemented Plugins">
Java-Implemented Plugins
<OPTION VALUE="JavaScript Debugger">
JavaScript Debugger
<OPTION VALUE="Javascript Engine">
Javascript Engine
<OPTION VALUE="Keyboard Navigation">
Keyboard Navigation
<OPTION VALUE="Layout">
Layout
<OPTION VALUE="Live Connect">
Live Connect
<OPTION VALUE="Localization">
Localization
<OPTION VALUE="MathML">
MathML
<OPTION VALUE="MozillaTranslator">
MozillaTranslator
<OPTION VALUE="Networking">
Networking
<OPTION VALUE="Networking: Cache">
Networking: Cache
<OPTION VALUE="Networking: File">
Networking: File
<OPTION VALUE="Networking: FTP">
Networking: FTP
<OPTION VALUE="Networking: HTTP">
Networking: HTTP
<OPTION VALUE="OJI">
OJI
<OPTION VALUE="Parser">
Parser
<OPTION VALUE="Password Manager">
Password Manager
<OPTION VALUE="PICS">
PICS
<OPTION VALUE="Plug-ins">
Plug-ins
<OPTION VALUE="Preferences">
Preferences
<OPTION VALUE="Preferences: Backend">
Preferences: Backend
<OPTION VALUE="Printing">
Printing
<OPTION VALUE="Profile Manager BackEnd">
Profile Manager BackEnd
<OPTION VALUE="Profile Manager FrontEnd">
Profile Manager FrontEnd
<OPTION VALUE="Profile Migration">
Profile Migration
<OPTION VALUE="RDF">
RDF
<OPTION VALUE="Search">
Search
<OPTION VALUE="Security: CAPS">
Security: CAPS
<OPTION VALUE="Security: Crypto">
Security: Crypto
<OPTION VALUE="Security: General">
Security: General
<OPTION VALUE="Selection">
Selection
<OPTION VALUE="Sidebar">
Sidebar
<OPTION VALUE="Skinability">
Skinability
<OPTION VALUE="Style System">
Style System
<OPTION VALUE="SVG">
SVG
<OPTION VALUE="Talkback">
Talkback
<OPTION VALUE="Themes">
Themes
<OPTION VALUE="Threading">
Threading
<OPTION VALUE="User Interface: Design Feedback">
User Interface: Design Feedback
<OPTION VALUE="Viewer App">
Viewer App
<OPTION VALUE="Views">
Views
<OPTION VALUE="XBL">
XBL
<OPTION VALUE="XML">
XML
<OPTION VALUE="XP Apps">
XP Apps
<OPTION VALUE="XP Apps: Cmd-line Features">
XP Apps: Cmd-line Features
<OPTION VALUE="XP Apps: GUI Features">
XP Apps: GUI Features
<OPTION VALUE="XP Miscellany">
XP Miscellany
<OPTION VALUE="XP Toolkit/Widgets">
XP Toolkit/Widgets
<OPTION VALUE="XP Toolkit/Widgets: Menus">
XP Toolkit/Widgets: Menus
<OPTION VALUE="XP Toolkit/Widgets: Trees">
XP Toolkit/Widgets: Trees
<OPTION VALUE="XP Toolkit/Widgets: XUL">
XP Toolkit/Widgets: XUL
<OPTION VALUE="XP Utilities">
XP Utilities
<OPTION VALUE="XPCOM">
XPCOM
<OPTION VALUE="XPCOM Registry">
XPCOM Registry
<OPTION VALUE="XPConnect">
XPConnect
<OPTION VALUE="xpidl">
xpidl
<OPTION VALUE="XSLT">
XSLT
</SELECT>
<br>
<input type=text name=status>
</form>
</BODY>
</HTML>

View File

@ -0,0 +1,18 @@
<html>
<body bgcolor=#c0d0f0>
<FORM ACTION="http://pollmann.net/echo.cgi">
<select size=1 name=combo>
<option>One</option>
<option disabled>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
</select>
<br><input type=submit>
</form>
<br>
</body>
</html>

View File

@ -0,0 +1,67 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Rechtsfragen - Rechtsfragen mit Pfiff</title>
<style type="text/css">
<!--
form {
display: inline;
}
// -->
</style>
</head>
<body>
<!-- outer table -->
<table border = 1>
<tr>
<td> a </td>
<td>
<form action = "http://www.fake.net/submit1.php"
method = POST>
<!-- inner table -->
<table border = 1>
<tr>
<td>Name:</td>
<td><input
type = text
name = Author
size = 32
value = ""
maxlength = 32></td>
</tr>
<tr>
<td colspan=2>Rechtsauskunft:<br>
<textarea
name = Content
rows = 10
cols = 50></textarea>
<br><small>* HTML Tags werden nicht übersetzt.</small><br><small>* Deine Emailadresse wird nicht öffentlich.</small></td>
</tr>
<tr>
<td colspan = 2
align = center>
<input type = submit
value = "Catch me">
</td>
</tr>
</table>
<!-- inner table end -->
</form>
</td>
</tr>
</table>
<!-- outer table end -->
</body>
</html>

View File

@ -0,0 +1,117 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Abbey National - register</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR="#940039" TEXT="#ffffff" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
<SCRIPT>
function fillBIN(type)
{
if (type == "multifunction")
{
document.loginForm.cardnumber.value="454742";
}
else
{
alert("Invalid argument");
}
}
</SCRIPT>
<INPUT TYPE="hidden" NAME="action" VALUE="authenticate">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD>
<TD><IMG border="0" height="20" src="trans.gif" width="1"></TD>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD></TR>
<TR>
<TD><IMG border="0" height="1" src="trans.gif" width="27"></TD>
<TD><p><FONT color="white" face="arial, helvetica, swiss" size="2"><b>Please click on the card you would like to use for your e-banking session and then complete the details below.</b></FONT>
<center>
<TABLE border="0">
<tr>
<td>
<A href="javascript:fillBIN('multifunction')"><img src="card03.gif" border="0"></a>
</td>
<td>&nbsp;
</td>
</tr>
<TR>
<TD align="center"><FONT color="white" face="arial, helvetica, swiss" size="2" ><b><A href="javascript:fillBIN('multifunction')">Multifunction Card</A></b></FONT></TD>
</TR>
</TABLE>
</center>
</TD>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD></TR>
<TR>
<TD colspan="3"><!--<IMG border="0" height="8" src="trans.gif" width="1">-->
<TABLE BORDER="0" width="509" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD COLSPAN="4"><IMG border="0" height="8" src="trans.gif" width="1"></TD></TR>
<TR>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD>
<TD ALIGN="right" VALIGN="bottom"><FONT FACE="Arial, Helvetica, Swiss" SIZE="2"><B>Card Number</B></FONT></TD>
<!--Card Number Input Box-->
<TD align="middle" VALIGN="bottom">
<input name="cardnumber" maxlength="16">
</TD>
<TD><IMG border="0" height="8" src="trans.gif" width="5"></TD></TR>
<TR>
<TD COLSPAN="4"><IMG border="0" height="8" src="trans.gif" width="1"></TD></TR>
<TR>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD>
<TD ALIGN="right" VALIGN="bottom"><FONT FACE="Arial, Helvetica, Swiss" SIZE="2"><B>e-banking&nbsp;Passcode</B></FONT></TD>
<!-- Passcode Input Box -->
<TD align="middle" VALIGN="bottom">
<input type="password" maxlength="16" name="password">
</TD>
<TD><IMG border="0" height="1" src="trans.gif" width="5"></TD></TR>
<TR>
<TD COLSPAN="4"><IMG border="0" height="8" src="trans.gif" width="1"></TD></TR>
<TR>
<!-- e-banking registration box -->
<TD><IMG border="0" height="8" src="trans.gif" width="5"></TD>
<TD ALIGN="right" VALIGN="bottom"><FONT FACE="Arial, Helvetica, Swiss" SIZE="2"><B>e-banking&nbsp;Registration&nbsp;Number</B></FONT></TD>
<TD align="middle" VALIGN="bottom">
<input type="password" name="irn" maxlength="5">
</TD>
<TD><IMG border="0" height="8" src="trans.gif" width="5"></TD></TR>
<TR>
<TD COLSPAN="4"><IMG border="0" height="8" src="trans.gif" width="1"></TD></TR>
</TABLE>
</TD>
</TR>
</form>
</TABLE>
</BODY>
</HTML>

View File

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test file</title>
</head>
<body>
<form>
<input type="file">
<input type="text">
</form>
</body>
</html>

View File

@ -0,0 +1,52 @@
<html>
<head>
<title>Option comment sample</title>
</head>
<p>
Select without comments, working normally.
<p>
Color
<select NAME="1" >
<option NAME="1" VALUE="22802" >
Blue
</option>
<option NAME="1" VALUE="22803" >
Red
</option>
<option NAME="1" VALUE="22804" >
Purple
</option>
</select>
<p>
The second one has comments, so the items are invisible when selected.
<p>
Color
<select NAME="1" >
<option NAME="1" VALUE="22802" >
<!-- Start custom HTML modifications -->
<!-- START_OPTION_TEXT -->
Blue
<!-- END_OPTION_TEXT -->
<!-- End custom HTML modifications -->
</option><option NAME="1" VALUE="22803" >
<!-- Start custom HTML modifications -->
<!-- START_OPTION_TEXT -->
Red
<!-- END_OPTION_TEXT -->
<!-- End custom HTML modifications -->
</option><option NAME="1" VALUE="22804" >
<!-- Start custom HTML modifications -->
<!-- START_OPTION_TEXT -->
Purple
<!-- END_OPTION_TEXT -->
<!-- End custom HTML modifications -->
</option>
</select>
</body></html>

View File

@ -0,0 +1,66 @@
<html>
<head> <title>SELECT with size > 1 within FONT is invisible.</title>
<body bgcolor="silver">
<center>
<h3>1. SELECT with size > 1 and within FONT is
<font color="red"> invisible</font>.<br>
(2. FONT is <font color="blue"> not used </font>
for OPTIONs even for size=1)</h3>
<form>
<table border="1">
<tr> <td></td>
<td>No font</td>
<td>
<font face="Courier, monospace">
with font
</font>
</td>
</tr>
<tr> <td>size=1(default)</td>
<td>
<select name="testNoFont1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="-1">------------------------</option>
</select>
</td>
<td bgcolor="blue">
<font face="Courier, monospace">
<select name="testInFont1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="-1">------------------------</option>
</select>
</font>
</td>
</tr>
<tr> <td>size > 1</td>
<td>
<select name="testNoFont2" size="8">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="-1">------------------------</option>
</select>
</td>
<td bgcolor="red">
<font face="Courier, monospace">
<select name="testNoFont2" size="8">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="-1">------------------------</option>
</select>
</font>
</td>
</tr>
</table>
</form>
<img src="SELECTwithinFONT.jpeg">
</center>
</body>
</html>

View File

@ -0,0 +1,27 @@
<html>
<head>
<title>Testcase</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="426">
<tr>
<td>
<form method="get" action="http://jobsearch.monster.com/jobsearch.asp">
<input type=hidden name="cy" value="US">
</td>
<td> <font face="Verdana,Arial,Helvetica,Sans-serif" size="2"> Search over <b>436,376</b>
U.S. jobs.<br>
<p> <font color="#CC6600">Location Search:</font><br>
<SELECT NAME="lid" multiple size="5">
<OPTION VALUE=""> ------- Select all -------- </OPTION>
<OPTION VALUE="323">Blah Blah</OPTION>
<OPTION VALUE="324">Blah blah 2</OPTION>
</SELECT>
<input type="reset" value="Clear">
<input type="submit" value="Search Jobs">
</form></td>
<td></td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
test
</title>
</head>
<body>
<form action="get">
<fieldset>
<legend>hi</legend>
<select>
<option>one</option>
<option>two</option>
<option>three</option>
<option>four</option>
</select>
</fieldset>
</form>
</body>
</html>

View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<TITLE>INPUT size test</TITLE>
<P>All of the following <code>INPUT</code> fields have a <code>size</code> of 14:</P>
<FORM ACTION="#">
<P>
<strong>1)</strong> Browser default font:<BR>
<INPUT TYPE=TEXT SIZE=14 value="12345678901234567890">
</P>
<P>
<strong>2)</strong> Times New Roman (default in M7 Apprunner/Windows) or other serif font:<BR>
<INPUT TYPE=TEXT SIZE=14 value="12345678901234567890" STYLE="font-family: 'Times New Roman', serif;">
</P>
<P>
<strong>3)</strong> MS Sans Serif (default in IE4.x/Windows) or other sans-serif font:<BR>
<INPUT TYPE=TEXT SIZE=14 value="12345678901234567890" STYLE="font-family: 'MS Sans Serif', sans-serif;">
</P>
<P>
<strong>4)</strong> Arial or other sans-serif font:<BR>
<INPUT TYPE=TEXT SIZE=14 value="12345678901234567890" STYLE="font-family: Arial, sans-serif;">
</P>
<P>
<strong>5)</strong> Monospace font (default in Navigator 4.x):<br>
<INPUT TYPE=TEXT SIZE=14 value="12345678901234567890" STYLE="font-family: monospace;">
</P>
</FORM>
<P>
Since the <code>INPUT</code> field in test 5 is using monospace font, it should fit exactly 14 characters (eg. the visible string should be "12345678901234", no more, no less).
</P>
<P>
However, when an <code>INPUT</code> field uses a proportional font - as tests 2-4 do - the specified number of visible characters is always an <em>average</em>, not an accurate value. Try filling the field with lowercase 'l' letters or uppercase 'W':s to get the point.
</P>
<HR>
<ADDRESS>Antti.Nayha@oulu.fi</ADDRESS>

View File

@ -0,0 +1,17 @@
<html>
<head>
<title> select disable test </title>
</head>
<body>
<form>
<select name="hrule.alignType" disabled>
<optgroup label="alignment" value="centered">
<option>left alignment</option>
<option>center alignment</option>
<option selected>right alignment</option>
</optgroup>
</select>
</form>
</body>
</html>

View File

@ -0,0 +1,14 @@
<html>
<head><title>Bug #77068: Multiple select inside a &lt;font&gt; tag</title></head>
<body>
<form>
<font>
<select multiple>
<option>1</option>
</select>
</font>
</form>
</body>
</html>

View File

@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>INPUT linebreak testcase</TITLE>
<META NAME="copyright" CONTENT="©2001 Skewer Web Design. All rights reserved.">
<META NAME="content-type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY>
<FORM><INPUT TYPE="submit" VALUE="Submit button:
This button's value
is broken into
multiple lines.">
<INPUT TYPE="reset" VALUE="Reset button:
This button's value
is broken into
multiple lines.">
<INPUT TYPE="button" VALUE="Default button:
This button's value
is broken into
multiple lines.">
<BUTTON>HTML 4 button:
This button's value
is broken into
multiple lines.</BUTTON></FORM></BODY>

View File

@ -0,0 +1,31 @@
<html lang="en">
<head>
<title>Testcase</title>
</head>
<body>
<form>
<input type="text" size="50" value="input_type_text"><br>
<input type="password" size="50" value="input_type_password"><br>
<input type="checkbox" size="50"><br>
<input type="radio" size="50"><br>
<select size="1">
<option SELECTED>Select box</option>
<option>2</option>
<option>3</option>
</select><br>
<select size="3">
<option SELECTED>Select box</option>
<option>2</option>
<option>3</option>
</select><br>
<textarea>THis is a text area.</textarea><br>
</form>
</body>
</html>

View File

@ -0,0 +1 @@
<HTML> <p>First instance - SkyMiles¨ - does not use character entity<br> Second instance - SkyMiles&reg; - uses character entity<br> <FORM METHOD="POST" ACTION="/cgi-bin/quiknav.pl" TARGET="_top" ONSUBMIT="foo"> <SELECT NAME="section" SIZE="1"> <OPTION VALUE="/skymile/index.html">SkyMiles¨ <OPTION VALUE="/skymile/index.html">SkyMiles&reg; </SELECT> </FORM> </HTML>

View File

@ -0,0 +1,20 @@
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM>
<TABLE>
<TR>
<TD>
<INPUT NAME="LoginID" TYPE=text>
</TD>
</TR>
</FORM>
<FORM>
</SCRIPT>
</TABLE>
</FORM>
</BODY>
</HTML>

View File

@ -0,0 +1,17 @@
<html>
<head>
<style>
input, textarea {
color: white;
background-image: url(http://www.mozilla.org/images/mozilla-banner.gif);
}
</style>
</head>
<body>
<form>
<input type="text" size="30" value="textfield"><br>
<input type="password" size="30" value="password"><br>
<textarea cols=30 rows=10>textarea</textarea>
</form>
</body>
</html>

View File

@ -0,0 +1,33 @@
<HTML>
<BODY>
<form>
<TABLE border="1">
<TR>
<TD>
<TABLE border="2">
<TR>
<TD WIDTH="30%">
Member Number:
</TD>
<TD WIDTH="70%">
<INPUT NAME="EchoUser" TYPE="TEXT">
</TD>
</TR>
<TR>
<TD>
PIN:
</TD>
<TD>
<INPUT TYPE="password">
</TD>
<TD>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</Form>
</BODY>
</HTML>

View File

@ -0,0 +1,73 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<style type="text/css">
label {color: black; background: yellow; overflow: visible;}
label font {color: maroon; border: 1px solid gray; overflow: visible;}
</style>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Bugzilla #94268 testcase</title>
</head>
<body>
<form action="script.pl" method="POST">
<table border="0" cellspacing="0">
<tr>
<td valign="middle" align="right">
<label for="ID-namefield-1C0D701DEF4E60">Name:</label> <input type="text" name="namefield" size="25" value="Enter name here" maxlength="50" id="ID-namefield-1C0D701DEF4E60">
</td>
</tr>
<tr>
<td valign="middle" align="right">
<label for="districtfield">District:</label> <input type="text" name="districtfield" size="25" value="Enter district here" maxlength="50" id="districtfield">
</td>
</tr>
<tr>
<td align="right">
<label for="ID-schoolfield-1C0D70117C1F460">School:</label> <input type="text" name="schoolfield" size="25" value="Enter school name here" maxlength="50" id="ID-schoolfield-1C0D70117C1F460">
</td>
</tr>
<tr>
<td valign="middle" align="center">
<label for="ID-addressfield-1C0D7011CDDA200">Address:</label> <input type="text" name="addressfield" size="25" value="Enter address here" maxlength="50" id="ID-addressfield-1C0D7011CDDA200">
</td>
</tr>
<tr>
<td valign="middle" align="center">
<label for="phonefield">Phone#:</label> <input type="text" name="phonefield" size="25" value="Enter phone# here" maxlength="50" id="phonefield">
</td>
</tr>
<tr>
<td align="center">
<label for="ID-emailfield-1C0D70126858E80">E-mail:</label> <input type="text" name="emailfield" size="25" value="Enter E-mail address here" maxlength="50" id="ID-emailfield-1C0D70126858E80">
</td>
</tr>
<tr>
<td valign="middle" align="left">
<label for="ID-workshopnamefield-1C0D7012A69F4A0">Workshop Title:</label> <input type="text" name="workshopnamefield" size="25" value="Enter workshop title here" maxlength="50" id="ID-workshopnamefield-1C0D7012A69F4A0">
</td>
</tr>
<tr>
<td valign="middle" align="left">
<label for="workshopcostfield">Cost of Workshop:</label> <input type="text" name="workshopcostfield" size="25" value="Enter cost of workshop here" maxlength="50" id="workshopcostfield">
</td>
</tr>
<tr>
<td valign="middle">
<label for="ID-workshopdatefield-1C0D70131FA4BC0">Dates of Workshop:</label> <input type="text" name="workshopdatefield" size="25" value="Enter date(s) of workshop here" maxlength="50" id="ID-workshopdatefield-1C0D70131FA4BC0">
</td>
</tr>
<tr>
<td>
<label for="ID-p.o.field-1C0D701366E20A0">P.O. #:</label> <input type="text" name="p.o.field" size="25" value="Enter P.O.# here" maxlength="50" id="ID-p.o.field-1C0D701366E20A0">
</td>
</tr>
</table>
</form>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Option garbage CSS testcase</TITLE>
</HEAD>
<BODY BGCOLOR="#FF0000">
Expected behavior for below pull-down list: Garbage is not displayed.<BR><BR>
M5 actual behavior: Garbage from other parts of the page or other windows appears.<BR><BR>
<FORM><SELECT NAME="testsel" SIZE="5">
<OPTION VALUE="a">A
<OPTION VALUE="b">B
</SELECT></FORM><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
This text is here to create a scrollbar.<BR><BR>
</BODY></HTML>

View File

@ -0,0 +1,66 @@
<html>
<head>
<style>
div.row {
clear: both;
padding-top: 10px;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
}
div.row span.formw {
float: right;
width: 335px;
text-align: left;
}
div.spacer {
clear: both;
}
</style>
</head>
<body>
<form>
<div style="width: 85%; background-color: #cc9;
border: 1px dotted #333; padding: 5px;
margin: 0px auto";>
<div class="row">
<span class="label">Name:</span><span
class="formw"><input type="text" size="25" /></span>
</div>
<div class="row">
<span class="label">Age:</span><span
class="formw"><input type="text" size="25" /></span>
</div>
<div class="row">
<span class="label">Shoe size:</span><span
class="formw"><input type="text" size="25" /></span>
</div>
<div class="row">
<span class="label">Comments:</span><span
class="formw">
<textarea cols="25" rows="8">
Go ahead - write something...
</textarea>
</span>
</div>
<div class="spacer">
&nbsp;
</div>
</div>
<input type="text">
</form>
</body>
</html>

View File

@ -0,0 +1,3 @@
<html><body>Test<input type=text value="value"></body></html>

View File

@ -0,0 +1,76 @@
<HTML>
<HEAD><TITLE>Testcase</TITLE></HEAD>
<BODY>
<FORM>
rows=1
<TEXTAREA ROWS=1 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=2
<TEXTAREA ROWS=2 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=3
<TEXTAREA ROWS=3 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=4
<TEXTAREA ROWS=4 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=5
<TEXTAREA ROWS=5 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=6
<TEXTAREA ROWS=6 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
<hr>
rows=7
<TEXTAREA ROWS=7 COLS=19>
1
2
3
4
5
6
</TEXTAREA>
</FORM>
</BODY>
</HTML>

View File

@ -0,0 +1,58 @@
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug101122.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug10410.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug108526.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug109316.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug109368.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug113245.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug117606.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug17450.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug20322.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug22708.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug28598.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug33327.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug35934.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug36130.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug36964.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug37261.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug37459.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug39425.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug4050.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug41049.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug41050.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug42481.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug43771.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug44000.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug45095.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug45152.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug45562.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug45625.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug46099.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug46224.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug50419.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug55063.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug58190.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug58299.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug59294.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug62568.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug62954.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug63309.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug65275.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug67207.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug68963.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug69984.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug70381.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug74069.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug7543.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug7549.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug77068.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug79863.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug81448.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug8665.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug88849.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug91789.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug92647.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug94268.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug95703.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug95937.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug96604.html
file:///s|/mozilla/layout/html/tests/formctls/bugs/bug98918.html

View File

@ -0,0 +1,15 @@
@echo off
if %1==baseline goto baseline
:verify
if not exist verify mkdir verify
s:\mozilla\dist\win32_d.obj\bin\viewer -B 1 -o s:\mozilla\layout\html\tests\formctls\bugs\verify\ -rd s:\mozilla\layout\html\tests\formctls\bugs -f s:\mozilla\layout\html\tests\formctls\bugs\file_list.txt
goto done
:baseline
s:\mozilla\dist\win32_d.obj\bin\viewer -o s:\mozilla\layout\html\tests\formctls\bugs\ -f s:\mozilla\layout\html\tests\formctls\bugs\file_list.txt
goto done
:error
echo syntax: rtest (baseline verify)
:done