提交已禁用输入字段的值

时间:2010-10-28 17:42:24

标签: javascript html

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

使用案例:我正在尝试从Google地图获取经度和经度,并希望显示它,但我不希望用户对其进行编辑。

这可能吗?

4 个答案:

答案 0 :(得分:193)

  

我想禁用输入字段   表格,当我提交表格时   来自已禁用表单的值不是   提交

     

使用案例:我正在努力获得Lat Lng   来自谷歌地图,想要显示它..   但不希望用户对其进行编辑

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

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

答案 1 :(得分:17)

我知道这已经过时了但是我遇到了这个问题并且没有一个答案是合适的。 nickf的解决方案有效但它需要javascript。最好的方法是禁用字段并仍然传递值是使用隐藏的输入字段将值传递给表单。例如,

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

这样传递了值,但用户看到了灰色的字段。 readonly属性不会将其灰显。

答案 2 :(得分:10)

你也可以使用Readonly属性:输入不会变灰但是不可编辑

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

答案 3 :(得分:2)

输入元素具有名为disabled的属性。表单提交时,只需运行如下代码:

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