CSS和HTML输入属性默认值

时间:2014-02-25 23:47:33

标签: html css html-input

我正在尝试设置输入字段的最小和最大默认值。我可以设置颜色很好,但是min和max属性似乎没有效果。有没有办法通过CSS设置最小值和最大值?代码在下面,提前谢谢!

<html>
<head>
<title>IP Calculator</title>
<style>
input[type="number"]{
    min:0;
    max:255;
    color:green;
}
</style>
</head>

<body>

<input type="number" name="test">

</body>
</html> 

2 个答案:

答案 0 :(得分:3)

  

有没有办法通过CSS设置最小值和最大值?

没有。 CSS是一种样式表语言。它描述了数据的表示,而不是数据的规则。

您应该使用HTML属性。

答案 1 :(得分:2)

你正试图用CSS做错了。 HTML5提供了这样的结构:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>

input[type="number"]{color:green;}

</style>
</head>
<body>

<input type="number" min="0" max="255" step="1" value="50" name="test">

</body>
</html>