`
John_Kong19
  • 浏览: 271306 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • web
阅读更多
<INPUT TYPE = text STYLE = "ime-mode:disabled" > 即可禁止输入法
js形式:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

<INPUT onfocus=" this.style.imeMode='active' " />

<INPUT onfocus=" this.style.imeMode='inactive' " />

<INPUT onfocus=" this.style.imeMode='auto' " />

<INPUT onfocus=" this.style.imeMode='disabled' " />

禁止input 粘贴:

<input id=VC class="xinput" maxlength=4 size="5" onkeydown="fnKeyDown(event);" onfocus="this.select()" onclick="this.select()" onpaste="return false" ondrop="return false" ondragenter="return false;" ondragstart="return false" onkeypress="return keyDigt(event)" value="" />

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

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

onpaste="return false" 禁止粘贴


  1 通过js实现-onfocus="this.blur()"

<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

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

    2 readonly

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

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

    3 disabled

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

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

    1和2效果差不多。视觉上,第一个,点击的时候光标会闪烁一下。 第三个,灰色的输入框看起来还是不喜欢。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics