使用HTML创建表单
disabled与readonly:都不能改,就一样吗?
在支持readonly的文本控件上,对比“显示的值”和“参与提交的值”。
<form>
<label for="event">活动名称</label>
<input id="event" name="event" value="黄梅戏体验" readonly>
<label for="room">待确认场地</label>
<input id="room" name="room" value="艺术教室" disabled>
</form>
| 状态 | 通常能聚焦 | 是否作为该字段提交 |
|---|---|---|
| readonly(只读) | 是 | 是(有name等条件满足时) |
| disabled(禁用) | 否 | 否 |
思考
把活动价格设为readonly,是否就能阻止恶意用户改价?
展开参考分析
不能。只读限制的是正常界面编辑,不是安全边界。服务端必须自行查验价格、活动资格等可信数据;hidden同样不能保证可信。