我在一个表单中有一些禁用的输入，我想将它们发送到服务器，但Chrome将它们从请求中排除。
在不添加隐藏字段的情况下，有什么解决办法吗?
<form action="/Media/Add">
<input type="hidden" name="Id" value="123" />
<!-- this does not appear in request -->
<input type="textbox" name="Percentage" value="100" disabled="disabled" />
</form>
当前回答
你可以完全避免禁用，这是痛苦的，因为html表单格式不会发送任何相关的<p>或一些其他标签。
所以你可以写成regular
<input text tag just before you have `/>
添加这个 只读的=“readonly”
它不会禁用您的文本，但不会由用户更改，因此它像<p>一样工作，并将通过表单发送值。如果你想让它更像<p>标签，只需删除边框
其他回答
除了启用输入外，要从禁用输入中提交值，只需在提交表单时重新启用表单的所有输入。
<form onsubmit="this.querySelectorAll('input').forEach(i => i.disabled = false)">
<!-- Re-enable all input elements on submit so they are all posted,
even if currently disabled. -->
<!-- form content with input elements -->
</form>
如果你喜欢jQuery:
<form onsubmit="$(this).find('input').prop('disabled', false)">
<!-- Re-enable all input elements on submit so they are all posted,
even if currently disabled. -->
<!-- form content with input elements -->
</form>
ASP。NET MVC c# Razor，你像这样添加提交处理程序:
using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post,
// Re-enable all input elements on submit so they are all posted, even if currently disabled.
new { onsubmit = "this.querySelectorAll('input').forEach(i => i.disabled = false)" } ))
{
<!-- form content with input elements -->
}
从语义上看，这似乎是正确的行为
我会问自己“为什么我需要提交这个值?”
如果您在表单上禁用了输入，那么您大概不希望用户直接更改值
在禁用的输入中显示的任何值都应该是
生成表单的服务器上的值的输出，或者 如果表单是动态的，则可以从表单上的其他输入进行计算
假设处理表单的服务器与为表单提供服务的服务器相同，那么用于再现禁用输入的值的所有信息都应该在处理时可用
事实上，为了保持数据完整性——即使禁用输入的值被发送到处理服务器，您也应该对其进行验证。无论如何，这种验证需要与您重新生成值所需的相同级别的信息!
我几乎认为只读输入也不应该在请求中发送
很高兴被纠正，但我能想到的所有需要提交只读/禁用输入的用例实际上只是伪装的样式问题
用RGBA值定义颜色
在样式下添加以下代码
<!DOCTYPE html>
<html>
<head>
<style>
#p7 {background-color:rgba(215,215,215,1);}
</style>
</head>
<body>
<form action="/Media/Add">
<input type="hidden" name="Id" value="123" />
<!-- this does not appear in request -->
<input id="p7" type="textbox" name="Percentage" value="100" readonly="readonly"" />
</form>
结果
我正在更新这个答案，因为它非常有用。只需将readonly添加到输入。
所以形式是:
<form action="/Media/Add">
<input type="hidden" name="Id" value="123" />
<input type="textbox" name="Percentage" value="100" readonly/>
</form>
除了Tom Blodget的响应，你可以简单地添加@HtmlBeginForm作为表单动作，就像这样:
<form id="form" method="post" action="@Html.BeginForm("action", "controller", FormMethod.Post, new { onsubmit = "this.querySelectorAll('input').forEach(i => i.disabled = false)" })"
