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