third_party/WebKit/LayoutTests/fast/forms/date/date-appearance-basic.html

   1 <html>
   2 <body>
   3 <script>
   4 if (testRunner)
   5     testRunner.dumpAsTextWithPixelResults();
   6 </script>
   7 <ul>
   8     <li>Basic <input type="date" autofocus> <input type="date" value="2012-10-05"></li>
   9     <li>:hover <input type="date" value="2013-12-11" id="hovered"></li>
  10     <li>Disabled <input type="date" disabled> <input type="date" value="2012-10-05" disabled></li>
  11     <li>Read-only <input type="date" readonly> <input type="date" value="2012-10-05" readonly></li>
  12     <li>RTL <input type="date" value="2012-10-05" dir="rtl"></li>
  13     <li>With max <input type="date" max="0099-12-31"> <input type="date" value="2012-10-05" max="99999-12-31"></li>
  14 </ul>
  15
  16 <ul>
  17     <li>text-align: <input type="date" value="2012-10-05" style="text-align: left;"></li>
  18     <li>text-transform: <input type="date" value="2012-10-05" style="text-transform: lowercase;"></li>
  19     <li>background, color: <input type="date" value="2012-10-05" style="border: 0px; background: green; color: yellow;"></li>
  20     <li>font-size, font-weight: <input type="date" value="2012-10-05" style="font-size: 20pt; font-weight: bold;"></li>
  21     <li>font-size with fixed input width: <input type="date" value="2012-10-05" style="font-size: 20pt; width: 14em;">
  22       <input type="date" value="99999-12-31" style="font-size: 20pt; width: 5em;"></li>
  23     <li>Fixed input height: <input type="date" value="2012-10-05" style="height: 4em;">
  24       <input type="date" value="2013-01-28" style="font-size: 20px; height: 10px;"></li>
  25     <li>-webkit-appearance:none: <input type="date" value="2012-10-05" style="-webkit-appearance: none;"></li>
  26     <li>display: none:<input type="date" style="display:none;">
  27     inline:<input type="date" style="display:inline;">
  28     inline-block:<input type="date" style="display:inline-block; width:14em;">
  29     block:<input type="date" style="display:block; width:14em;">
  30     table-cell: <div style="display:inline-table"><input type="date" style="display:table-cell; width:14em;"></div>
  31     <li>padding: <input type="date" value="2012-10-15" style="padding: 20px"></li>
  32 </ul>
  33 <script>
  34 var input = document.getElementById('hovered');
  35 if (window.eventSender)
  36     eventSender.mouseMoveTo(input.offsetLeft + input.offsetWidth / 2, input.offsetTop + input.offsetHeight / 2);
  37 document.querySelector('input[autofocus]').focus();
  38 </script>
  39 </body>
  40 </html>