third_party/WebKit/LayoutTests/fast/forms/placeholder-position.html

   1 <style>
   2 .center::-webkit-input-placeholder {
   3     text-align: center;
   4 }
   5 </style>
   6 <!-- This tests that the placeholder is positioned correctly in different kinds of elements -->
   7 <input type="search" placeholder="placeholder"><br>
   8 <input type="text" placeholder="placeholder"><br>
   9 <input type="search" placeholder="placeholder" style="direction: rtl"><br>
  10 <input type="search" placeholder="placeholder" results=5><br>
  11 <textarea placeholder="placeholder"></textarea><br>
  12 <input type="text" placeholder="placeholder" style="padding-bottom: 15px;"><br>
  13 <textarea placeholder="placeholder" style="padding-top: 15px;"></textarea><br>
  14 <input type="text" placeholder="placeholder" style="font-size: 15px; border: solid 5px black; margin: 5px;"><br>
  15
  16 <input value="Value" style="line-height: 25px;">
  17 <input placeholder="placeholder" style="line-height: 25px;"> <br>
  18
  19 <input value="Value" style="text-align: center;">
  20 <input placeholder="placeholder" style="text-align: center;">
  21 <input placeholder="placeholder" class="center"> <br>
  22
  23 <input type="text" placeholder="placeholder" style="padding-top: 15px; transform: translateY(30px) rotateZ(30deg)"><br>