| <html> |
| <body> |
| <ul> |
| <li>basic <input type="month"> <input type="month" value="1982-11"></li> |
| <li>focus <input type="month"> <input type="month" value="1982-11"></li> |
| <li>disabled <input type="month" disabled> <input type="month" value="1982-11" disabled></li> |
| <li>readonly <input type="month" readonly> <input type="month" value="1982-11" readonly></li> |
| <li>RTL <input type="month" dir="rtl"> <input type="month" value="1982-11" dir="rtl"></li> |
| </ul> |
| |
| <ul> |
| <li>text-align: <input type="month" value="1982-11" style="text-align: left;"></li> |
| <li>text-transform: <input type="month" value="1982-11" style="text-transform: lowercase;"></li> |
| <li>background, color: <input type="month" value="1982-11" style="border: 0px; background: green; color: yellow;"></li> |
| <li>font-size, font-weight: <input type="month" value="1982-11" style="font-size: 20pt; font-weight: bold;"></li> |
| <li>font-size with fixed input width: <input type="month" value="1982-11" style="font-size: 20pt; width: 13em;"></li> |
| <li>Fixed input height: <input type="month" value="1982-11" style="height: 4em;"></li> |
| <li>-webkit-appearance:none: <input type="month" value="1982-11" style="-webkit-appearance: none;"></li> |
| <li>padding: <input type="month" value="1982-11" style="padding: 20px"></li> |
| </ul> |
| <script> |
| document.querySelectorAll('input')[2].focus(); |
| </script> |
| </body> |
| </html> |
