mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-26 14:22:01 +00:00
formcontrol testcases that exhibit various maxElementWidth scenarios, not part of any build
This commit is contained in:
bmlk%gmx.de
parent
ef9cff0f4e
commit
92a261b558
45
layout/html/tests/formctls/base/button_button_strict.html
Normal file
45
layout/html/tests/formctls/base/button_button_strict.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing button button strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><button type="button"></button></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><button type="button" >xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</button></p>
|
||||
<p>fixed width</p>
|
||||
<p><button type="button" class="fixed"></button></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><button type="button"></button></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><button type="button"></button></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><button type="button" class="fixed"></button></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><button type="button" class="fixed"></button></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><button type="button" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><button type="button" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><button type="button" class="pct"></button></td></tr></table>
|
||||
|
||||
|
||||
<a href="button_reset_strict.html">previous: button type:reset</a> <a href="textarea_strict.html">next: textarea</a>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/button_reset_strict.html
Normal file
44
layout/html/tests/formctls/base/button_reset_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing button reset strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><button type="reset"></button></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><button type="reset" >xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</button></p>
|
||||
<p>fixed width</p>
|
||||
<p><button type="reset" class="fixed"></button></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><button type="reset"></button></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><button type="reset"></button></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><button type="reset" class="fixed"></button></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><button type="reset" class="fixed"></button></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><button type="reset" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><button type="reset" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><button type="reset" class="pct"></button></td></tr></table>
|
||||
|
||||
|
||||
<a href="button_submit_strict.html">previous: button type:submit</a> <a href="button_button_strict.html">next: button type:button</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
46
layout/html/tests/formctls/base/button_submit_strict.html
Normal file
46
layout/html/tests/formctls/base/button_submit_strict.html
Normal file
@ -0,0 +1,46 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing button submit strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><button type="submit"></button></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><button type="submit" >xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</button></p>
|
||||
<p>fixed width</p>
|
||||
<p><button type="submit" class="fixed"></button></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><button type="submit"></button></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><button type="submit"></button></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><button type="submit" class="fixed"></button></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><button type="submit" class="fixed"></button></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><button type="submit" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><button type="submit" class="pct"></button></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><button type="submit" class="pct"></button></td></tr></table>
|
||||
|
||||
|
||||
<a href="input_button_strict.html">previous: input type:button</a> <a href="button_reset_strict.html">next: button type:reset</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
45
layout/html/tests/formctls/base/fieldset_strict.html
Normal file
45
layout/html/tests/formctls/base/fieldset_strict.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing fieldset strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><fieldset></fieldset></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><fieldset>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</fieldset></p>
|
||||
<p>fixed width</p>
|
||||
<p><fieldset class="fixed"></fieldset></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><fieldset></fieldset></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset></fieldset></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><fieldset class="fixed"></fieldset></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset class="fixed"></fieldset></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><fieldset class="pct"></fieldset></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset class="pct"></fieldset></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><fieldset class="pct"></fieldset></td></tr></table>
|
||||
|
||||
|
||||
|
||||
<a href="select_strict.html">previous: select</a> <a href="legend_strict.html">next: legend</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -17,4 +17,23 @@ file:///s|/mozilla/layout/html/tests/formctls/base/radio_disabled.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/radio_jsadd.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/radio_onchange.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/radio_init.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_text_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_password_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_checkbox_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_radio_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_submit_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_reset_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_file_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_hidden_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_image_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/input_button_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/button_submit_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/button_reset_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/button_button_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/textarea_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/select_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/fieldset_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/legend_strict.html
|
||||
file:///s|/mozilla/layout/html/tests/formctls/base/isindex_strict.html
|
||||
|
||||
|
||||
|
||||
60
layout/html/tests/formctls/base/form_overview.html
Normal file
60
layout/html/tests/formctls/base/form_overview.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Form control size parameter</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Form control size parameter</h1>
|
||||
<p>The testcases below apply the same style information to various form controls.
|
||||
<ol>
|
||||
<li>intrinsic width
|
||||
<li>intrinsic width with a long nonbreakable text
|
||||
<li> a fixed width (20px)
|
||||
</ol>
|
||||
Then various widths scenarios are tested inside table cells. This tests the maxElementWidth computation.
|
||||
<ol start="4">
|
||||
<li>intrinsic width inside a auto width table
|
||||
<li>intrinsic width inside a fixed width table cell which might be smaller than the intrinsic width of the control
|
||||
<li>fixed width inside a auto width table
|
||||
<li>fixed width inside a fixed width table cell which might be smaller than the intrinsic width of the control
|
||||
<li>percentage width inside a auto width table
|
||||
<li>percentage width inside a fixed width table cell which might be smaller than the intrinsic width of the control
|
||||
<li>percentage width inside 100% wide table cell in a fixed width table.
|
||||
</ol>
|
||||
</p>
|
||||
<ul>
|
||||
<li>input
|
||||
<ul>
|
||||
<li> <a href="input_text_strict.html">text</a>
|
||||
<li> <a href="input_password_strict.html">password</a>
|
||||
<li> <a href="input_checkbox_strict.html">checkbox</a>
|
||||
<li> <a href="input_radio_strict.html">radio</a>
|
||||
<li> <a href="input_submit_strict.html">submit</a>
|
||||
<li> <a href="input_reset_strict.html">reset</a>
|
||||
<li> <a href="input_file_strict.html">file</a>
|
||||
<li> <a href="input_hidden_strict.html">hidden</a>
|
||||
<li> <a href="input_image_strict.html">image</a>
|
||||
<li> <a href="input_button_strict.html">button</a>
|
||||
</ul>
|
||||
|
||||
<li>button
|
||||
|
||||
<ul>
|
||||
<li> <a href="button_submit_strict.html">submit</a>
|
||||
<li> <a href="button_reset_strict.html">reset</a>
|
||||
<li> <a href="button_button_strict.html">button</a>
|
||||
</ul>
|
||||
|
||||
|
||||
<li> <a href="textarea_strict.html">textarea</a>
|
||||
<li> <a href="select_strict.html">select</a>
|
||||
<li> <a href="fieldset_strict.html">fieldset</a>
|
||||
<li> <a href="legend_strict.html">legend</a>
|
||||
<li> <a href="isindex_strict.html">isindex</a>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_button_strict.html
Normal file
43
layout/html/tests/formctls/base/input_button_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input button strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="button"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="button" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="button" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="button"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="button"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="button" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="button" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="button" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="button" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="button" class="pct"></td></tr></table>
|
||||
|
||||
<a href="input_image_strict.html">previous: input type:image</a> <a href="button_submit_strict.html">next: button type:submit</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/input_checkbox_strict.html
Normal file
44
layout/html/tests/formctls/base/input_checkbox_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input checkbox strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:1%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="checkbox"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="checkbox" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="checkbox" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="checkbox"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="checkbox"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="checkbox" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="checkbox" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="checkbox" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="checkbox" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="checkbox" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
|
||||
<a href="input_password_strict.html">previous: input type:password</a> <a href="input_radio_strict.html">next: input type:radio</a>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_file_strict.html
Normal file
43
layout/html/tests/formctls/base/input_file_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input file strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="file"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="file" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="file" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="file"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="file"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="file" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="file" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="file" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="file" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="file" class="pct"></td></tr></table>
|
||||
|
||||
<a href="input_reset_strict.html">previous: input type:reset</a> <a href="input_hidden_strict.html">next: input type:hidden</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_hidden_strict.html
Normal file
43
layout/html/tests/formctls/base/input_hidden_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input hidden strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="hidden"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="hidden" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="hidden" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="hidden"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="hidden"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="hidden" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="hidden" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="hidden" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="hidden" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="hidden" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<a href="input_file_strict.html">previous: input type:file</a> <a href="input_image_strict.html">next: input type:image</a>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_image_strict.html
Normal file
43
layout/html/tests/formctls/base/input_image_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input hidden strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="image" src="http://www.mozilla.org/images/mlogo.gif"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="image" src="http://www.mozilla.org/images/mlogo.gif" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="image" src="http://www.mozilla.org/images/mlogo.gif"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="image" src="http://www.mozilla.org/images/mlogo.gif"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="image" src="http://www.mozilla.org/images/mlogo.gif" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<a href="input_hidden_strict.html">previous: input type:hidden</a> <a href="input_button_strict.html">next: input type:button</a>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/input_password_strict.html
Normal file
44
layout/html/tests/formctls/base/input_password_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input password strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="text"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="text" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="text" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="text"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="text" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="text" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="text" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<a href="input_text_strict.html">previous: input type:text</a> <a href="input_checkbox_strict.html">next: input type:checkbox</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/input_radio_strict.html
Normal file
44
layout/html/tests/formctls/base/input_radio_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input radio strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="radio"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="radio" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="radio" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="radio"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="radio"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="radio" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="radio" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="radio" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="radio" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="radio" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<a href="input_checkbox_strict.html">previous: input type:checkbox</a> <a href="input_submit_strict.html">next: input type:submit</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/input_reset_strict.html
Normal file
44
layout/html/tests/formctls/base/input_reset_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input reset strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="reset"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="reset" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="reset" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="reset"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="reset"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="reset" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="reset" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="reset" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="reset" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="reset" class="pct"></td></tr></table>
|
||||
|
||||
<a href="input_submit_strict.html">previous: input type:submit</a> <a href="input_file_strict.html">next: input type:file</a>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_submit_strict.html
Normal file
43
layout/html/tests/formctls/base/input_submit_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input submit strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="submit"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="submit" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="submit" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="submit"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="submit"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="submit" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="submit" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="submit" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="submit" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="submit" class="pct"></td></tr></table>
|
||||
|
||||
<a href="input_radio_strict.html">previous: input type:radio</a> <a href="input_reset_strict.html">next: input type:reset</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
layout/html/tests/formctls/base/input_text_strict.html
Normal file
43
layout/html/tests/formctls/base/input_text_strict.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input text strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><input type="text"></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><input type="text" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><input type="text" class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><input type="text"></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text"></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><input type="text" class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text" class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><input type="text" class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><input type="text" class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><input type="text" class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<hr>
|
||||
<a href="form overview.html">index</a> <a href="input_password_strict.html">next: input type:password</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
layout/html/tests/formctls/base/isindex_strict.html
Normal file
44
layout/html/tests/formctls/base/isindex_strict.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input checkbox strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><isindex></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><isindex prompt="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></p>
|
||||
<p>fixed width</p>
|
||||
<p><isindex class="fixed"></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><isindex></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><isindex></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><isindex class="fixed"></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><isindex class="fixed"></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><isindex class="pct"></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><isindex class="pct"></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><isindex class="pct"></td></tr></table>
|
||||
|
||||
|
||||
<a href="legend_strict.html">previous: legend</a> <a href="form_overview.html">next: overview</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
45
layout/html/tests/formctls/base/legend_strict.html
Normal file
45
layout/html/tests/formctls/base/legend_strict.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing legend strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><fieldset><legend></fieldset></legend</p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><fieldset><legend>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</legend></fieldset></p>
|
||||
<p>fixed width</p>
|
||||
<p><fieldset><legend class="fixed"></legend></fieldset></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><fieldset><legend></legend></fieldset></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset><legend></legend></fieldset></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><fieldset><legend class="fixed"></legend></fieldset></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset><legend class="fixed"></legend></fieldset></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><fieldset><legend class="pct"></legend></fieldset></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><fieldset><legend class="pct"></legend></fieldset></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><fieldset><legend class="pct"></legend></fieldset></td></tr></table>
|
||||
|
||||
|
||||
|
||||
<a href="fieldset_strict.html">previous: fieldset</a> <a href="isindex_strict.html">next: isindex</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -17,4 +17,21 @@ radio_disabled.html
|
||||
radio_jsadd.html
|
||||
radio_onchange.html
|
||||
radio_init.html
|
||||
|
||||
input_text_strict.html
|
||||
input_password_strict.html
|
||||
input_checkbox_strict.html
|
||||
input_radio_strict.html
|
||||
nput_submit_strict.html
|
||||
input_reset_strict.html
|
||||
input_file_strict.html
|
||||
input_hidden_strict.html
|
||||
input_image_strict.html
|
||||
input_button_strict.html
|
||||
button_submit_strict.html
|
||||
button_reset_strict.html
|
||||
button_button_strict.html
|
||||
textarea_strict.html
|
||||
select_strict.html
|
||||
fieldset_strict.html
|
||||
legend_strict.html
|
||||
isindex_strict.html
|
||||
|
||||
193
layout/html/tests/formctls/base/select_strict.html
Normal file
193
layout/html/tests/formctls/base/select_strict.html
Normal file
@ -0,0 +1,193 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing input file strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><select><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><select>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</p>
|
||||
<p>fixed width</p>
|
||||
<p><select class="fixed"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><select><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><select><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><select class="fixed"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><select class="fixed"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><select class="pct"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><select class="pct"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><select class="pct"><OPTION selected label="none" value="none">None</OPTION>
|
||||
<OPTGROUP label="PortMaster 3">
|
||||
<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 with ComOS 3.7.1</OPTION>
|
||||
<OPTION label="3.7" value="pm3_3.7">PortMaster 3 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm3_3.5">PortMaster 3 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="PortMaster 2">
|
||||
<OPTION label="3.7" value="pm2_3.7">PortMaster 2 with ComOS 3.7</OPTION>
|
||||
<OPTION label="3.5" value="pm2_3.5">PortMaster 2 with ComOS 3.5</OPTION>
|
||||
</OPTGROUP>
|
||||
<OPTGROUP label="IRX">
|
||||
<OPTION label="3.7R" value="IRX_3.7R">IRX with ComOS 3.7R</OPTION>
|
||||
<OPTION label="3.5R" value="IRX_3.5R">IRX with ComOS 3.5R</OPTION>
|
||||
</OPTGROUP>
|
||||
</SELECT>
|
||||
</td></tr></table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
45
layout/html/tests/formctls/base/textarea_strict.html
Normal file
45
layout/html/tests/formctls/base/textarea_strict.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
|
||||
|
||||
<title>form sizing textarea strict mode</title>
|
||||
<style type="text/css">
|
||||
.fixed {width:50px}
|
||||
.tight {width:20px}
|
||||
div {border:blue 1px solid}
|
||||
.pct {width:10%}
|
||||
.cellpct{width:100%}
|
||||
.wide {width:200px}
|
||||
</style>
|
||||
</head>
|
||||
<p>intrinsic width:</p>
|
||||
<p><textarea></textarea></p>
|
||||
<p>intrinsic width long nonbreakable text</p>
|
||||
<p><textarea>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</textarea></p>
|
||||
<p>fixed width</p>
|
||||
<p><textarea class="fixed"></textarea></p>
|
||||
<p>intrinsic width inside table</p>
|
||||
<table border><tr><td><textarea></textarea></td></tr></table>
|
||||
<p>intrinsic width inside tight table cell</p>
|
||||
<table border><tr><td class="tight"><textarea></textarea></td></tr></table>
|
||||
<p>fixed width inside table</p>
|
||||
<table border><tr><td><textarea class="fixed"></textarea></td></tr></table>
|
||||
<p>fixed width inside smaller table cell</p>
|
||||
<table border><tr><td class="tight"><textarea class="fixed"></textarea></td></tr></table>
|
||||
<p>pctwidth inside auto table</p>
|
||||
<table border><tr><td><textarea class="pct"></textarea></td></tr></table>
|
||||
<p>pct width inside fixed width table cell</p>
|
||||
<table border><tr><td class="tight"><textarea class="pct"></textarea></td></tr></table>
|
||||
<p>pct width inside pct width table cell</p>
|
||||
<table border class="wide"><tr><td class="cellpct"><textarea class="pct"></textarea></td></tr></table>
|
||||
|
||||
|
||||
|
||||
<a href="button_button_strict.html">previous: button type:button</a> <a href="fieldset_strict.html">next: fieldset</a>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user