如何有一个最大的只读元素?

假设我有这样的代码，我希望表单只在x和y的和小于等于10时才被提交。现在当我运行这段代码时，它完全忽略了"max"然后提交表格。只要我去掉"readonly"它会看"最大值"。对于只读元素，有没有办法有一个最大值?如果有，是怎么做到的?

<!DOCTYPE html>
<html>
<head>
<title>Max for readonly</title>
</head>
<body>
<script>
var x = 5;
var y = 7;
var sum = x + y;
document.getElementById('demo').value = sum;
</script>
<form>
<input id="demo" type="number" max="10" readonly>
<input type="submit">
</form>
</body>
</html>

Thanks in advance

你不能这样做:document.getElementById('demo').value = sum;如果在当前时刻输入id = 'demo'是只读的。在你的例子中，你没有赋值，因为元素是只读的。这就是为什么顶薪支票对你没用。因为这里没有价值。

<!DOCTYPE html>
<html>
<head>
<title>Max for readonly</title>
</head>
<body>
<script>
var x = 5;
var y = 7;
var sum = x + y;
document.getElementById('demo').value = sum;
document.getElementById('demo').readOnly = true;
</script>
<form>
<input id="demo" type="number" max="10">
<input type="submit">
</form>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Max for readonly</title>
</head>
<body>
<form>
<input id="demo" type="number" max="10">
<input type="submit">
</form>
<script>
var x = 5;
var y = 7;
var sum = x + y;
document.getElementById('demo').value = sum;
document.getElementById('demo').readOnly = true;
</script>
</body>
</html>

相关内容

最新更新

热门标签：