如何通过GET方法传递带disabled属性的表单输入值？

这是HTML的默认行为：带有disabled属性的表单元素，在表单提交时不会被包含到提交的数据中，和你使用value属性的方式无关。

解决方案1：用readonly替代disabled #

readonly属性会让输入框无法被用户编辑，但表单提交时会正常携带该字段的value值：

<form action="testget.php" method="GET">
  <input readonly type="text" name="testget" value="testvalue">
  <button type="submit">Send</button>
</form>

如果需要让这个只读输入框视觉上和禁用状态一致，可以添加CSS样式：

input[readonly] {
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}

解决方案2：保留禁用视觉效果，配合隐藏字段传递数据 #

如果你必须保留disabled的视觉表现，可以保留禁用的输入框用于展示，同时添加一个同名的hidden类型输入框来传递数据：

<form action="testget.php" method="GET">
  <input disabled type="text" value="testvalue">
  <input type="hidden" name="testget" value="testvalue">
  <button type="submit">Send</button>
</form>

提交表单时，隐藏字段会将testget=testvalue正常传递到目标页面。

内容的提问来源于stack exchange，提问作者mrdenizlp