third_party/WebKit/LayoutTests/fast/forms/input-align.html

   1 <html>
   2 <head>
   3 <title>Input Align</title>
   4 </head>
   5
   6 <body>
   7
   8     <p>The following 5 inputs should be all be rendered exactly the same, aligned to the left side.</p>
   9
  10     <input type='text' align='right' value='The quick brown...' />
  11     <br>
  12     <input type='text' value='The quick brown...' />
  13     <br>
  14     <input type='text' value='The quick brown...' id='test1' />
  15     <br>
  16     <script>
  17     <!--
  18         // This script tries to set the align attribute on an input of type text.
  19         // Nothing should happen...
  20         var obj1 = document.getElementById('test1');
  21         obj1.setAttribute('align', 'right');
  22     -->
  23     </script>
  24
  25     <input type='image' align='right' value='The quick brown...' id='test2' />
  26     <br>
  27     <script>
  28     <!--
  29         // This script tries to set the align attribute on an input of type text.
  30         // Nothing should happen...
  31         var obj2 = document.getElementById('test2');
  32         obj2.setAttribute('type', 'text');
  33     -->
  34     </script>
  35
  36     <div id='insertionpoint'></div>
  37
  38     <script>
  39     <!--
  40         var ins = document.getElementById('insertionpoint');
  41         var obj3 = document.createElement('INPUT');
  42         obj3.setAttribute('align', 'right');
  43         obj3.setAttribute('value', 'The quick brown...');
  44         ins.appendChild(obj3);
  45     //-->
  46     </script>
  47 </body>
  48 </html>