| 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 |