Web前端技术 · 第4课14 / 21 | 编码:L04-13
使用HTML创建表单

表单里显示的数据,都会被提交吗?

阅读下面的代码,判断哪些数据会提交、哪些不会,并说明 name、disabled、readonly 和勾选状态分别有什么影响。

思考题

假设不修改页面中的内容,也不改变勾选状态,提交这个表单时:

  1. 哪些数据会被提交?请用 name=value 的形式逐项写出。
  2. 哪些输入框或复选框的数据不会被提交?分别说明原因。
<form>
  <input id="alias" value="小梅">
  <input name="event" value="opera" readonly>
  <input name="room" value="A208" disabled>
  <input type="checkbox" name="interest" value="singing" checked>
  <input type="checkbox" name="interest" value="costume">
</form>
展开参考分析

只有 event=opera、interest=singing。昵称缺name;room被disabled;costume复选框未选中。readonly并不排除event。本题只讨论给定控件,不包含额外脚本修改。