deshabilitar un input html in javascript

Se puede deshabilitar un input HTML desde JavaScript con la propiedad disabled. Primero se debe seleccionar el input utilizando cualquiera de los métodos de selección disponibles en JavaScript y luego asignar el valor true a disabled.

Aquí un ejemplo:

<input type="text" id="miInput" value="Hola, mundo!" />
<button onclick="deshabilitarInput()">Deshabilitar input</button>

<script>
  function deshabilitarInput() {
    const input = document.getElementById('miInput');
    input.disabled = true;
  }
</script>
260 chars
10 lines

Este código agrega un evento onclick al botón que llama a la función deshabilitarInput(). La función selecciona el input utilizando su ID y asigna true a la propiedad disabled. Esto deshabilitará el input.