提交禁用输入字段的值

我想禁用一个输入字段,但是当我提交表单时,它仍然应该传递值。

用例: 我试图从谷歌地图中获取经纬度,并想显示它,但我不希望用户编辑它。

这可能吗?

132652 次浏览

输入元素有一个名为 disabled的属性:

var myInput = document.getElementById('myInput');
myInput.disabled = true;

上禁用输入域 表格,当我提交表格时 < strong > 禁用表单的值不是 提交

用例: 我正在尝试获得 Lat Lng 从谷歌地图,并希望显示它. 。 但是不希望用户编辑它

可以在输入字段中使用 readonly属性

<input type="text" readonly="readonly" />

您还可以使用 Readonly 属性: 输入不会是灰色的,但它不会是可编辑的

<input type="text" name="lat" value="22.2222" readonly="readonly" />

我知道这是旧的,但我只是遇到了这个问题,没有一个答案是合适的。Nickf 的解决方案可以工作,但是需要 javascript。最好的方法是禁用该字段并仍然传递值,即使用隐藏的输入字段将值传递给表单。比如说,

<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />

通过这种方式传递值,但用户看到的是灰色的字段。Readonly 属性不会使它变灰。