| <html> |
| <body> |
| <script> |
| if (testRunner) |
| testRunner.dumpAsText(true); |
| </script> |
| <ul> |
| <li>Basic <input type="date" autofocus> <input type="date" value="2012-10-05"></li> |
| <li>Disabled <input type="date" disabled> <input type="date" value="2012-10-05" disabled></li> |
| <li>Read-only <input type="date" readonly> <input type="date" value="2012-10-05" readonly></li> |
| <li>RTL <input type="date" value="2012-10-05" dir="rtl"></li> |
| <li>With max <input type="date" max="0099-12-31"> <input type="date" value="2012-10-05" max="99999-12-31"></li> |
| </ul> |
| |
| <ul> |
| <li>text-align: <input type="date" value="2012-10-05" style="text-align: left;"></li> |
| <li>text-transform: <input type="date" value="2012-10-05" style="text-transform: lowercase;"></li> |
| <li>background, color: <input type="date" value="2012-10-05" style="border: 0px; background: green; color: yellow;"></li> |
| <li>font-size, font-weight: <input type="date" value="2012-10-05" style="font-size: 20pt; font-weight: bold;"></li> |
| <li>font-size with fixed input width: <input type="date" value="2012-10-05" style="font-size: 20pt; width: 14em;"> |
| <input type="date" value="99999-12-31" style="font-size: 20pt; width: 5em;"></li> |
| <li>Fixed input height: <input type="date" value="2012-10-05" style="height: 4em;"> |
| <input type="date" value="2013-01-28" style="font-size: 20px; height: 10px;"></li> |
| <li>-webkit-appearance:none: <input type="date" value="2012-10-05" style="-webkit-appearance: none;"></li> |
| <li>display: none:<input type="date" style="display:none;"> |
| inline:<input type="date" style="display:inline;"> |
| inline-block:<input type="date" style="display:inline-block; width:14em;"> |
| block:<input type="date" style="display:block; width:14em;"> |
| table-cell: <div style="display:inline-table"><input type="date" style="display:table-cell; width:14em;"></div> |
| </ul> |
| </body> |
| </html> |