23 lines
609 B
HTML
23 lines
609 B
HTML
<!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="-webkit-transform: rotate(30deg)"></div>
|
|
|
|
<script>
|
|
document.getElementsByTagName('input')[1].focus();
|
|
</script>
|
|
</body>
|