javascript - 单击表单的提交按钮会传递什么？

Question

我正在使用带有jade模板引擎的node.js。我的 Jade 形式如下:

form.form-signin(style="padding-left:10px", action='/update', method='post')
      table.table.table-hover(style="background-color:#fff;align:center;border:1px solid #ddd;padding-left:10px")#myTable.tablesorter
        tbody
          - if (evententries.length > 0) {
            each entry, i in evententries
              tr(style="height:5;font-size:12px;")
                td(style="background-color:#5c78b2;")
                  p(style="color: #fff;text-align:center;") Team Name
                td(style="background-color:#5c78b2")
                  p(style="color: #fff;text-align:center") Presenter(s) 
                td(style="background-color:#5c78b2")
                  p(style="color: #fff;text-align:center") Master
                td(style="background-color:#5c78b2")
                  p(style="color: #fff;text-align:center") Manager
              tr(style="height:30px;background-color:#E5EDFC;color: #000;font-size:14px;align:center")
                td
                  input(type='textbox', name='teamname', value='#{entry.teamname}', style='width:120px;', readonly='readonly')
                td
                  input(type='textbox', name='presenters', value='#{entry.presenters}', style='width:120px;', readonly='readonly')
                td
                  input(type='textbox', name='scrummaster', value='#{entry.master}', style='width:120px;', readonly='readonly')
                td
                  input(type='textbox', name='manager', value='#{entry.manager}', style='width:120px;', readonly='readonly')
              tr
                td(style="background-color:#fff; vertical-align:middle")
                  p(style="white-space:pre;word-wrap: break-word;text-align:center") Write-up
                td(style="background-color:#fff", colspan="2")
                  input(type='textbox', name='writeup', value='#{entry.writeup}', style='width:120px;', readonly='readonly')
                td(style="background-color:#fff; vertical-align:middle")
                  button#edit(type='submit') Edit

我想知道这种类型的表单会提交什么，因为它里面有一个表，其中有一些只读输入字段。我希望在提交表单时只传递输入只读字段。

Answer 1

提交表单时，发送的数据由对应于“成功控件”的名称=值对组成，如 HTML 规范中所定义；参见例如controls 上的 HTML 4.01 部分以及 form data set construction 。只有具有名称和值的控件(表单字段)才能成为“成功的控件”。在本例中，input 元素是成功的控件，但 input type="submit" 元素除外，该元素不成功，因为它缺少 name 属性。因此，在此表单中，仅提交只读字段。

但是，最好通过构建一个简单的服务器端脚本来检查真正提交的内容，该脚本仅回显所获取的内容，并且为了进行测试，将表单的 action 属性替换为指向该脚本的属性。