如何通过HTML表单元素提交指定数据-html教程-PHP中文网

表单提交时数据仅来自form内有name属性且未disabled的控件；action和method指定提交url与方式；disabled可阻止提交，hidden输入框可隐藏但提交；js可通过submit事件拦截并用formdata自定义数据。

如何通过html表单元素提交指定数据

表单提交时数据从哪来

浏览器只把 <form></form> 内部、有 name 属性且处于可提交状态的表单控件值发给服务器。没有 name 的控件（比如 <input type="text"> 但没写 name="username"）会被完全忽略，哪怕它有值。

disabled 的控件不会提交，哪怕有 name
readonly 的控件会提交，只要它有 name
<input type="checkbox"> 和 <input type="radio"> 只有在 checked 状态下才提交，否则不发送该字段
<select multiple></select> 中未被选中的选项不参与提交

如何控制提交到哪个 URL 和用什么方法

靠 <form></form> 的 action 和 method 属性：

action 指定接收数据的地址，可以是绝对路径（"@#@#@#@#@#@#@#@#@#@0"）、相对路径（"./api/submit.php"）或空字符串（""，表示提交给当前页面 URL）
method 常用 "GET" 或 "POST"：
- GET 把数据拼在 URL 后面（?name=alice&age=25），适合简单查询，有长度限制，不安全
- POST 把数据放在请求体里，无长度限制，适合传敏感或大量数据

注意：method="put" 或 method="delete" 在原生 HTML 表单中不被支持——浏览器只会当 GET 或 POST 处理，真要用需配合 JavaScript 或后端代理。

如何让某个字段不被提交但保留在表单里

没有“隐藏但提交”的内置机制，只有两种明确行为：

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

用 display: none 或 visibility: hidden：样式隐藏，但只要有 name 且没 disabled，仍会提交
用 disabled：控件变灰不可交互，且一定不提交，这是最可靠的方式
临时移除 name 属性（比如用 JS）：也能阻止提交，但不如 disabled 直观和语义清晰

如果只是想“前端不显示、后端需要”，正确做法是用 <input type="hidden" name="token" value="abc123"> —— 它没有视觉呈现，但有 name、没 disabled，所以照常提交。

提交前用 JavaScript 改数据或加字段

原生表单提交前可监听 submit 事件，调用 event.preventDefault() 阻止默认行为，再手动构造请求：

document.querySelector('form').addEventListener('submit', function(e) {
  e.preventDefault();
  const formData = new FormData(this);
  formData.append('timestamp', Date.now()); // 动态加字段
  formData.set('user_id', 'U999'); // 覆盖已有字段
<p>fetch('/api/submit', {
method: 'POST',
body: formData
});
});</p>

注意点：

FormData 自动收集所有带 name 的控件，包括 <input type="file">
直接修改 formData 不影响页面上控件的值，只是影响本次提交内容
如果用 fetch 提交，后端收到的是 multipart/form-data（有文件）或 application/x-www-form-urlencoded（纯文本），取决于你是否 append 了 Blob 或 File