`

几种常用禁止修改输入框的方法

    博客分类:
  • html
阅读更多
 1, 通过js实现-onfocus="this.blur()"


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

  输入框无法获得焦点,不能编辑

  表单可以获得值。

  可以复制。

  蛮奇怪的,都选住了,还没有获得焦点?

  2,readonly


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" readonly />

  输入框只读。不能编辑

  同样表单可以获得值。

  也可以复制。
<form id="form1" name="form1" method="post" action="" >
  <label>11
  <input type="text" name="test" value="111"/>
  </label>
</form>
<script language="javascript">
document.all.form1.test.readOnly=true;
</script>

  3,disabled


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" disabled />

  输入框灰色,不能编辑

  可以用JS改变或获得其值,但提交时并不提交该值。

  第一和第二效果差不多。视觉上

  第一个,点击的时候光标会闪烁一下。

  第三个,灰色的输入框看起来还是不喜欢。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics