Почему input type="range" имеет такой вид?

Question

[LOLIK777]

Помогите пожалуйста.
Пишу

<input type="range" name="points" min="0" max="10">

и вместо диапазона появляется поле для ввода.

Answer 1

[Иван Корюков]

Потому что браузер игнорирует неизвестный ему тип инпута и считает его равным text

Comments

[LOLIK777]

подскажите, пожалуйста, как можно исправить данную проблему?

[Евгений Вольф]

LOLIK777, я думаю, проще всего её исправить будет с помощью какой-нибудь JS-библиотеки или jQuery-плагина с соотв. функционалом, т.к. кроссбраузерно её исправить на данный момент, судя по всему - "никак".

[Иван Корюков]

LOLIK777, самый надёжный способ - сверстать собственный (или найти в интернете) range инпут.
Ну или если вы делаете это чисто для себя, то надо сменить/обновить браузер.
Ещё doctype может быть неправильно прописан.