常见的几种禁止修改输入框

[size=medium]<INPUT TYPE = text STYLE = "ime-mode:disabled" > 即可禁止输入法
js形式:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

<INPUT οnfοcus=" this.style.imeMode='active' " />

<INPUT οnfοcus=" this.style.imeMode='inactive' " />

<INPUT οnfοcus=" this.style.imeMode='auto' " />

<INPUT οnfοcus=" this.style.imeMode='disabled' " />

禁止input 粘贴:

<input id=VC class="xinput" maxlength=4 size="5" οnkeydοwn="fnKeyDown(event);" οnfοcus="this.select()" οnclick="this.select()" οnpaste="return false" οndrοp="return false" οndragenter="return false;" οndragstart="return false" οnkeypress="return keyDigt(event)" value="" />

οndragstart="return false" 禁止鼠标在网页上拖动

ondragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发

οnpaste="return false" 禁止粘贴


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

<input type="text" value="fisker" οnclick="alert(this.value);" οnfοcus="this.blur()" />

输入框无法获得焦点,不能编辑表单可以获得值,可以复制,蛮奇怪的,都选住了,还没有获得焦点?

2 readonly

<input type="text" value="fisker" οnclick="alert(this.value);" readonly />

输入框只读。不能编辑,同样表单可以获得值,也可以复制。

3 disabled

<input type="text" value="fisker" οnclick="alert(this.value);" disabled />

输入框灰色,不能编辑,可以用JS改变或获得其值,但提交时并不提交该值。

1和2效果差不多。视觉上,第一个,点击的时候光标会闪烁一下。 第三个,灰色的输入框看起来还是不喜欢。
[/size]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值