third_party/WebKit/LayoutTests/fast/forms/form-element-geometry.html

   1 <html>
   2
   3 <head>
   4 <title>Form Element Geometry Tests</title>
   5 </head>
   6
   7 <body style="overflow:hidden;">
   8
   9 <h1>Form Element Geometry Tests</h1>
  10
  11 <p>These tests help us tune the widget classes in KWQ to have all the right fudge factors.</p>
  12
  13 <h2>Bounding Boxes</h2>
  14
  15 <table><tr>
  16     <td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=button value="button"></font></div></td>
  17     <td><div style="border:2px solid blue;"><font size=+2><select style="margin: 0;" size=1><option>menu</option></font></select></div></td>
  18     <td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=radio></div></font></td>
  19     <td><div style="border:2px solid blue;"><font size=+2><input style="margin: 0;" type=checkbox></div></font></td>
  20 </tr></table>
  21
  22 <table><tr>
  23     <td><div style="border:2px solid blue;"><input style="margin: 0;" type=button value="button"></div></td>
  24     <td><div style="border:2px solid blue;"><select style="margin: 0;" size=1><option>menu</option></select></div></td>
  25     <td><div style="border:2px solid blue;"><input style="margin: 0;" type=radio></div></td>
  26     <td><div style="border:2px solid blue;"><input style="margin: 0;" type=checkbox></div></td>
  27 </tr></table>
  28
  29 <table><tr>
  30     <td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=button value="button"></font></div></td>
  31     <td><div style="border:2px solid blue;"><font size=-2><select style="margin: 0;" size=1><option>menu</option></select></font></div></td>
  32     <td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=radio></font></div></td>
  33     <td><div style="border:2px solid blue;"><font size=-2><input style="margin: 0;" type=checkbox></font></div></td>
  34 </tr></table>
  35
  36 <table><tr valign=top>
  37     <td><div style="border:2px solid blue;"><input style="margin: 0;" type=text value="text field" size=10></div></td>
  38     <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>
  39     <td><div style="border:2px solid blue;"><input style="margin: 0;" type=file></div></td>
  40     <td><div style="border:2px solid blue;"><textarea>textarea</textarea></div></td>
  41 </tr></table>
  42
  43 <h2>Baseline Alignment</h2>
  44
  45 <div><font size=+2>
  46     text
  47     <input type=button value="button">
  48     <select size=1><option>menu</option></select>
  49     <input type=radio>
  50     <input type=checkbox>
  51 </font></div>
  52
  53 <div>
  54     text
  55     <input type=button value="button">
  56     <select size=1><option>menu</option></select>
  57     <input type=radio>
  58     <input type=checkbox>
  59 </div>
  60
  61 <div><font size=-2>
  62     text
  63     <input type=button value="button">
  64     <select size=1><option>menu</option></select>
  65     <input type=radio>
  66     <input type=checkbox>
  67 </font></div>
  68
  69 <div>
  70     text
  71     <input type=text value="text field" size=10>
  72     <input type=file>
  73     <textarea>textarea</textarea>
  74 </div>
  75
  76 </tr></table>
  77
  78 <h2>Pop-up Menu Sizes</h2>
  79
  80 <div><font size=+2>
  81     <select size=1><option></select>
  82     <select size=1><option>|</select>
  83     <select size=1><option>xxxxxxxx</select>
  84 </font></div>
  85
  86 <div>
  87     <select size=1><option></select>
  88     <select size=1><option>|</select>
  89     <select size=1><option>xxxxxxxx</select>
  90 </div>
  91
  92 <div><font size=-2>
  93     <select size=1><option></select>
  94     <select size=1><option>|</select>
  95     <select size=1><option>xxxxxxxx</select>
  96 </font></div>
  97
  98 </body>
  99 </html>