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

   1 <html>
   2 <body style="overflow: hidden;">
   3 <script>
   4 if (window.testRunner)
   5     testRunner.dumpAsTextWithPixelResults();
   6 </script>
   7 <ul>
   8     <li>step=none <input type="time"> <input type="time" value="12:34"></li>
   9     <li>step=1 <input type="time" step="1"> <input step="1" type="time" value="12:34:56"></li>
  10     <li>step=0.0001 <input type="time" step="0.001"> <input step="0.001" type="time" value="12:34:56.789"></li>
  11     <li>step=60 <input type="time" step="60"> <input step="60" type="time" value="12:34"></li>
  12     <li>step=3600 <input type="time" step="3600"> <input step="3600" type="time" value="12:00"></li>
  13     <li>step=86400 <input type="time" step="86400"> <input step="86400" type="time" min="12:34:56.789"></li>
  14     <li>step mismatched   <input type="time" step="60" value="12:34:56"></li>
  15     <li>RTL <input type="time" step="1" value="12:34:56" dir="rtl"></li>
  16     <li>Disabled, step=3600 <input disabled type="time" step="3600"> <input disabled step="3600" type="time" value="12:34"></li>
  17     <li>Readonly, step=3600 <input readonly type="time" step="3600"> <input readonly step="3600" type="time" value="12:34"></li>
  18 </ul>
  19
  20 <ul>
  21     <li>text-align: <input type="time" value="12:34" style="text-align: left;"></li>
  22     <li>text-transform: <input type="time" value="12:34" style="text-transform: lowercase;"></li>
  23     <li>background, color: <input type="time" value="12:34" style="border: 0px; background: green; color: yellow;"></li>
  24     <li>font-size, font-weight: <input type="time" value="12:34" style="font-size: 20pt; font-weight: bold;"></li>
  25     <li>font-size with fixed input width: <input type="time" value="12:34" style="font-size: 20pt; width: 10em;"></li>
  26     <li>Fixed input height: <input type="time" value="12:34" style="height: 4em;"></li>
  27     <li>-webkit-appearance:none: <input type="time" value="13:56" style="-webkit-appearance: none;"></li>
  28     <li>padding: <input type="time" value="12:34" style="padding: 10px;"></li>
  29 </ul>
  30 <script>
  31 var input = document.querySelector('input:read-only');
  32 if (window.eventSender)
  33     eventSender.mouseMoveTo(input.offsetLeft + input.offsetWidth / 2, input.offsetTop + input.offsetHeight / 2);
  34 document.querySelectorAll('input')[0].focus();
  35 </script>
  36 </body>
  37 </html>