<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>