HTML-5 Диапазон слайдера максимальный и минимальный значение

Question

Я использую HTML-5 бегунок

 <input type="range" .. /> 

Я хочу min и max значений ползунка на левой и правой стороне соответственно. Как я могу это сделать?

Answer 1

Попробуйте

<input type="range" min="20" max="80" /> 

DEMO

Также следующие атрибуты могут быть применены к input type="range"

• макс - определяет максимальное допустимое значение
• мин - определяет минимальное допустимое значение
• шаг - указывает интервалы номер юридического
• значение - задает значение по умолчанию

Answer 2

Если вы хотите отобразить min и max значения на его левой и правой , просто распечатайте там:

10 <input type="range" min="10" max="20" /> 20 

Вы также можете использовать css, хотя его широко не поддерживали.

input[type="range"]:before { 
    content: attr(min) " "; 
} 
input[type="range"]:after { 
    content: " " attr(max); 
}