| <!DOCTYPE html> |
| <body> |
| <!-- |
| You'll see |
| - three horizontal sliders with various thumb positions |
| - a vertical slider, and |
| - a slant slider. |
| The second slider has focus. |
| --> |
| |
| <div><input type=range style="height: 30px;"></div> |
| <div><input type=range value=0 min=0 max=100></div> |
| <div><input type=range value=110 min=0 max=100></div> |
| |
| <div><input type=range style="-webkit-appearance:slider-vertical; height:140px; margin-left:64px"></div> |
| |
| <div><input type=range value=75 style="transform: rotate(30deg)"></div> |
| |
| <script> |
| document.getElementsByTagName('input')[1].focus(); |
| </script> |
| </body> |
