禁止表单操作及JS控制输入的方式

<div>表单元素特殊属性<input type="text" value="禁止输入" disabled /></div>
<div>表单元素特殊属性<input type="text" value="禁止输入" disabled="disabled" /></div>
<div>表单元素特殊属性<input type="text" value="禁止输入" readonly /></div>

被禁止的表单元素是不可用也不可单击的。可以设置disabled属性，知道满足某些条件的时候，如通过JS删除disabled值，讲input元素的值切换为可用。

• disabled属性无法与<input type="hidden" />一起使用

• readonly属性可与<input type="text" /> <input type="password" />使用

通过JS控制输入的方式

window.onload = function() {

  //第一种方法
  var _initInput = document.getElementById('inputId');
      
      _initInput.onfocus = fucntion() {
        _initInput.blur();
     };

  //第二种方法
  var noText = function() {
    _initInput.value = "";
  };

  _initInput.onkey = function() {
    _initInput.onblur = noText;
  };
};

//这里面的 noText 前面当然可以不加 var

方法一：通过让控制元素失去焦点的方式来禁止输入；
方法二：通过控制keyup事件与blur事件来清空文本，这种写法不如第一种写法。无法直接阻止通过鼠标、粘贴来的文本，虽失去焦点可以清空内容，但还是有一定的缺陷；