您的位置:首页 >IT >

htmlinput限制输入(htmlinput)

导读 htmlinput限制输入,htmlinput很多人还不知道,乐儿来为大家解答以上问题,现在让我们一起来看看吧!1、在HTML中使表单输入不可编辑的方法

htmlinput限制输入,htmlinput很多人还不知道,乐儿来为大家解答以上问题,现在让我们一起来看看吧!

1、 在HTML中使表单输入不可编辑的方法。有时,我们希望表单中的文本框是只读的,这样用户就不能修改其中的信息。比如输入type=' text ' name=' input 1 ' value=' China ',那么' China '这个词就不能修改。综上所述,表单输入不可编辑的方法有几种实现方式。

2、 输入不可编辑,方法一:onfocus=this.blur()鼠标放不下时离开焦点。

3、 type=' text ' name=' input 1 ' value=' China ' onfocus=this . blur()

4、 输入不可编辑,方法2:只读

5、 type=' text ' name=' input 1 ' value=' China ' readonly

6、 type=' text ' name=' input 1 ' value=' China ' readonly=' true '

7、 方法3:禁用

8、 type=' text ' name=' input 1 ' value=' China ' disabled=' true '

9、 完整示例:

10、 input name=' ly _ QQ ' type=' text ' tabindex=' 2 ' on mouseover=' this . class name=' input _ 1 ' ' on mouseout=' this . class name=' input _ 2 ' ' value=' 123456789 ' disabled=' true ' readOnly=' true '/

11、 Disabled='true '此处的文本将显示为灰色,输入内容不可编辑。

12、 ReadOnly='true '文本不改变颜色,不能编辑。

13、 Css掩码输入:input style='ime-mode: disabled '

14、 有两种方法可以让输入不可编辑:一是disabled='disabled '。在这个定义之后,禁用的输入元素既不可用也不可点击。第二:readonly='readonly '只读字段不能修改。但是,用户仍然可以使用tab键切换到该字段,并选择或复制其文本。

今天的分享,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!