如何增加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輸入類型的長度/大小範圍

回答

相關問題