Как увеличить длину/размер входного типа HTML5 диапазона
Как увеличить длину/размер ввода диапазона HTML5, чтобы увеличить его/увеличить?
<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>
Я устал атрибут size="100px" а также width="100px" но они не работали. Интересно, возможно ли изменить длину или размер ввода диапазона HTML5:
Изменение ширины отлично работает для меня https://jsfiddle.net/j08691/592ydrk2/. Обратите внимание, что вам нужно использовать CSS, а не старые, устаревшие атрибуты.
input[type="range"] {
width:400px;
}<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
Вы не можете изменить длину/размер ввода диапазона HTML5 без использования CSS.
единственными атрибутами, которые вы можете использовать, являются значения, min, max и step. И никто из них не делает то, что вам нужно.
Найдите Styling the Slider для этого для получения дополнительной информации
Установите ширину с помощью CSS
<input type="range" style="width: 500px;" value=10>
size атрибут не будет работать на input элементе с типом range. Однако вы можете использовать CSS, чтобы сделать его больше или меньше:
input[type=range] {
width: 75%;
}<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>
Свойство width отлично работает
input[type="range"]{
width:500px;
}<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>input[type="range"]{
width:500px;
}
