如何增加HTML5输入类型的长度/大小范围

如何增加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范围输入的lenght /尺寸：

来源

2017-05-26 user3405291

修改宽度为我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>

来源

2017-05-26 20:05:55 j08691

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; 
}

来源

2017-05-26 20:05:59

的size属性不会与range类型的input元件上工作。但是，您可以使用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>

来源

2017-05-26 20:06:07 freginold

通过CSS设置宽度

<input type="range" style="width: 500px;" value=10>

来源

2017-05-26 20:06:16 tier1

你不能老是改变的长度/大小不使用CSS的HTML5范围输入。

您可以使用的唯一属性是值，最小值，最大值和步长。没有一个能够满足你的需求。

查找This的造型滑块

来源

2017-05-26 20:13:07

如何增加HTML5输入类型的长度/大小范围

回答

相关问题