100 lines
3.4 KiB
HTML
100 lines
3.4 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>Form Element Geometry Tests</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Form Element Geometry Tests</h1>
|
|
|
|
<p>These tests help us tune the widget classes in KWQ to have all the right fudge factors.</p>
|
|
|
|
<h2>Bounding Boxes</h2>
|
|
|
|
<table><tr>
|
|
<td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=button value="button"></font></div></td>
|
|
<td><div style="border:2px solid blue;"><font size=+2><select style="margin: 0;" size=1><option>menu</option></font></select></div></td>
|
|
<td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=radio></div></font></td>
|
|
<td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=checkbox></div></font></td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><div style="border:2px solid blue;"><input style="margin: 0;" type=button value="button"></div></td>
|
|
<td><div style="border:2px solid blue;"><select style="margin: 0;" size=1><option>menu</option></select></div></td>
|
|
<td><div style="border:2px solid blue;"><input style="margin: 0;" type=radio></div></td>
|
|
<td><div style="border:2px solid blue;"><input style="margin: 0;" type=checkbox></div></td>
|
|
</tr></table>
|
|
|
|
<table><tr>
|
|
<td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=button value="button"></font></div></td>
|
|
<td><div style="border:2px solid blue;"><font size=-2><select style="margin: 0;" size=1><option>menu</option></select></font></div></td>
|
|
<td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=radio></font></div></td>
|
|
<td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=checkbox></font></div></td>
|
|
</tr></table>
|
|
|
|
<table><tr valign=top>
|
|
<td><div style="border:2px solid blue;"><input style="margin: 0;" type=text value="text field" size=10></div></td>
|
|
<td><div style="border:2px solid blue;"><select style="margin: 0;" size=4><option>list</option><option>2</option><option>3</option><option>4</option><option>5</option></select></div></td>
|
|
<td><div style="border:2px solid blue;"><input style="margin: 0;" type=file></div></td>
|
|
<td><div style="border:2px solid blue;"><textarea>textarea</textarea></div></td>
|
|
</tr></table>
|
|
|
|
<h2>Baseline Alignment</h2>
|
|
|
|
<div><font size=+2>
|
|
text
|
|
<input type=button value="button">
|
|
<select size=1><option>menu</option></select>
|
|
<input type=radio>
|
|
<input type=checkbox>
|
|
</font></div>
|
|
|
|
<div>
|
|
text
|
|
<input type=button value="button">
|
|
<select size=1><option>menu</option></select>
|
|
<input type=radio>
|
|
<input type=checkbox>
|
|
</div>
|
|
|
|
<div><font size=-2>
|
|
text
|
|
<input type=button value="button">
|
|
<select size=1><option>menu</option></select>
|
|
<input type=radio>
|
|
<input type=checkbox>
|
|
</font></div>
|
|
|
|
<div>
|
|
text
|
|
<input type=text value="text field" size=10>
|
|
<input type=file>
|
|
<textarea>textarea</textarea>
|
|
</div>
|
|
|
|
</tr></table>
|
|
|
|
<h2>Pop-up Menu Sizes</h2>
|
|
|
|
<div><font size=+2>
|
|
<select size=1><option></select>
|
|
<select size=1><option>|</select>
|
|
<select size=1><option>xxxxxxxx</select>
|
|
</font></div>
|
|
|
|
<div>
|
|
<select size=1><option></select>
|
|
<select size=1><option>|</select>
|
|
<select size=1><option>xxxxxxxx</select>
|
|
</div>
|
|
|
|
<div><font size=-2>
|
|
<select size=1><option></select>
|
|
<select size=1><option>|</select>
|
|
<select size=1><option>xxxxxxxx</select>
|
|
</font></div>
|
|
|
|
</body>
|
|
</html>
|