third_party/WebKit/LayoutTests/fast/text-autosizing/form-controls-autosizing-fieldset-element.html

   1 <!DOCTYPE html>
   2 <html style="font-size: 16px">
   3 <head>
   4
   5 <meta name="viewport" content="width=800">
   6 <style>
   7   body {
   8     width: 800px;
   9     margin: 0;
  10     overflow-y: hidden;
  11   }
  12   fieldset {
  13       margin-top: 0.5em;
  14   }
  15 </style>
  16
  17 <script src="resources/autosizingTest.js"></script>
  18
  19 </head>
  20 <body>
  21
  22 <div>
  23     This paragraph should be autosized to 40px computed font-size (16 * 800/320),
  24     whereas the input text fields should be rendered at their default font size and
  25     the accompanying text below should remain 16px.
  26 </div>
  27
  28 <div>
  29     <fieldset>
  30         <legend>Not autosized title</legend>
  31         <input type="email" name="email" id="email" value="noautosize@aol.com"> <label for="email">Not autosized email</label>
  32         <br>
  33         <input type="radio" name="radio" id="radio"> <label for="radio">Not autosized radio</label>
  34     </fieldset>
  35 </div>
  36 <div>
  37     <fieldset>
  38         <input type="text" name="text" id="text" value="not autosized text">
  39     </fieldset>
  40 </div>
  41 <div>
  42     <fieldset>
  43         <legend>Not autosized title</legend>
  44         This text should not be autosized.
  45     </fieldset>
  46 </div>
  47 <div>
  48     <fieldset>
  49         <textarea>This text should not be autosized.</textarea>
  50     </fieldset>
  51 </div>
  52 <div>
  53     This text should be autosized.
  54 </div>
  55
  56 </body>
  57 </html>