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

 1, 通过js实现-οnfοcus="this.blur()"


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

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

  表单可以获得值。

  可以复制。

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

  2,readonly


双击代码全选 1  代码:<input type="text" value="fisker" οnclick="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" οnclick="alert(this.value);" disabled />

  输入框灰色,不能编辑

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

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

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

  第三个,灰色的输入框看起来还是不喜欢。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值