I want to disable an input field, but when I submit the form it should still pass the value.
Use case: I am trying to get latitude and longitude from Google Maps and wanna display it, but I don’t want the user to edit it.
Is this possible?
I wanna Disable an Input Field on a
form and when i submit the form the
values from the disabled form is not
Use Case: i am trying to get Lat Lng
from Google Map and wanna Display it..
but dont want the user to edit it.
You can use the
readonly property in your input field
<input type="text" readonly="readonly" />
<input type="text" value="22.2222" disabled="disabled" /> <input type="hidden" name="lat" value="22.2222" />
This way the value is passed but the user sees the greyed out field. The readonly attribute does not gray it out.
you can also use the Readonly attribute: the input is not gonna be grayed but it won’t be editable
<input type="text" name="lat" value="22.2222" readonly="readonly" />
Input elements have a property called
disabled. When the form submits, just run some code like this:
var myInput = document.getElementById('myInput'); myInput.disabled = true;