OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <!-- | 3 <!-- |
4 You'll see | 4 You'll see |
5 - three horizontal sliders with various thumb positions | 5 - three horizontal sliders with various thumb positions |
6 - a vertical slider, and | 6 - a vertical slider, and |
7 - a slant slider. | 7 - a slant slider. |
8 The second slider has focus. | 8 The second slider has focus. |
9 --> | 9 --> |
10 | 10 |
11 <div><input type=range style="height: 30px;"></div> | 11 <div><input type=range style="height: 30px;"></div> |
12 <div><input type=range value=0 min=0 max=100></div> | 12 <div><input type=range value=0 min=0 max=100></div> |
13 <div><input type=range value=110 min=0 max=100></div> | 13 <div><input type=range value=110 min=0 max=100></div> |
14 | 14 |
15 <div><input type=range style="-webkit-appearance:slider-vertical; height:140px;
margin-left:64px"></div> | 15 <div><input type=range style="-webkit-appearance:slider-vertical; height:140px;
margin-left:64px"></div> |
16 | 16 |
17 <div><input type=range value=75 style="-webkit-transform: rotate(30deg)"></div> | 17 <div><input type=range value=75 style="transform: rotate(30deg)"></div> |
18 | 18 |
19 <script> | 19 <script> |
20 document.getElementsByTagName('input')[1].focus(); | 20 document.getElementsByTagName('input')[1].focus(); |
21 </script> | 21 </script> |
22 </body> | 22 </body> |
OLD | NEW |