mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 18:55:26 +00:00
44 lines
No EOL
1.2 KiB
HTML
44 lines
No EOL
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>range polyfill...</title>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<select class="foo" id="first" title="1-5 please" data-type="range">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option selected value="5">5</option>
|
|
</select>
|
|
</div>
|
|
<br>
|
|
<select>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
</select>
|
|
<br>
|
|
<select autofocus data-type="range">
|
|
<option value="1">3</option>
|
|
<option selected value="4">4</option>
|
|
<option value="50">5</option>
|
|
</select>
|
|
<br>
|
|
<p>Last two examples are as the previous, but add <code>data-type-range-step="5"</code>:</p>
|
|
<select data-type="range" data-type-range-step="5">
|
|
<option value="1">3</option>
|
|
<option selected value="4">4</option>
|
|
<option value="50">5</option>
|
|
</select>
|
|
<br>
|
|
<p>This one has the last value set to 51, instead of 50:</p>
|
|
<select data-type="range" data-type-range-step="5">
|
|
<option value="1">3</option>
|
|
<option selected value="4">4</option>
|
|
<option value="51">5</option>
|
|
</select>
|
|
<script src="../range.js"></script>
|
|
</body>
|
|
</html> |