xxxxxxxxxx
//javascript disable
document.getElementById("id").disabled = true;
//javascript enable
document.getElementById("id").disabled = false;
xxxxxxxxxx
//javascript disable
document.getElementById("id").disabled = true;
//javascript enable
document.getElementById("id").disabled = false;
//jquery disable
$('#id').attr("disabled", true);
//enable
$('#id').attr("disabled", false);
xxxxxxxxxx
document.getElementById("myText").disabled = true;// <input id = "myText"/>
xxxxxxxxxx
<input type="text" id="myInputField" value="Editable content">
<button onclick="disableInput()">Disable Input</button>
<script>
function disableInput() {
var input = document.getElementById("myInputField");
input.disabled = true;
}
</script>