本文介绍在HTML中使用disabled与readonly属性来控制输入框的状态。disabled使输入框变为灰色且不可操作；readonly保留输入框外观不变但阻止编辑。
在特定场景下，我们可能不允许用户操作或者更改表单项
那么具体如何操作呢？
在html中，我们大概有两种方法可以实现，或者说两个属性
分别为：
- disabled=“disabled”
- readonly=“true"
它们的区别在于
- disabled：设置后，input区域为灰色，不可手动操作
- readonly：设置后，除了不可手动操作后，其余和普通input无异
详情请参考如下代码和演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
<input type="text" readonly="true" value="demo1">
<br />
<input type="text" disabled="disabled" value="demo2">
</body>
</html>
扫一扫
1847
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
