Web前端技术 · 第4课13 / 21 | 编码:L04-12a
使用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同样不能保证可信。