Шаг 1: Разметка

В первую очередь мы сделаем разметку.

view sourceprint?

1.<form method="post">

2.<h1> Total Recall Awesomness Gauge </h1>

3.<input type="range" name="range" min="0" max="10" step="1" value="">

4.<output name="result"> </output>

5.</form>

Обратите внимание, что в дополнение к настройке min и max, мы всегда можем определить, какой шаг будет для каждого перехода. Если step установлен как 1, будет 10 значений для выбора. Мы также используем в своих интересах новый элемент output из предыдущего совета.