单击表单的提交按钮时传递的所有内容

What all is passed on clicking the submit button of a form?

本文关键字：表单 提交 按钮 单击      更新时间：2023-09-26

我正在使用带有 jade 模板引擎的 node.js。我有一个玉石形式如下：

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

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

提交表单时，发送的数据由与HTML规范中定义的"成功控件"相对应的名称=值对组成;例如.HTML请参阅4.01中关于控件和表单数据集构造的部分。只有具有名称和值的控件(表单域(才能成为"成功的控件"。在这种情况下，input元素是成功的控件，但 input type="submit" 元素除外，该元素不成功，因为它缺少 name 属性。因此，从此表单中，仅提交只读字段。

但是，最好通过构造一个简单的服务器端脚本来检查真正提交的内容，该脚本只是回显它得到的内容，并且对于测试，将表单的action属性替换为指向该脚本的属性。

相关文章：