HTML中让表单input等文本框为只读不可编辑的方法
发布时间:2012-09-23 22:18:03 作者:佚名
我要评论

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改
有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。
方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" onfocus=this.blur()>
方法2:readonly
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">
方法3: disabled
<input type="text" name="input1" value="中国" disabled="true">
完整的例子:
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" />
disabled="true" 此果文字会变成灰色,不可编辑。
readOnly="true" 文字不会变色,也是不可编辑的
css屏蔽输入:<input style="ime-mode: disabled">
有两种方法第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly="readonly" 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本;
方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" onfocus=this.blur()>
方法2:readonly
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">
方法3: disabled
<input type="text" name="input1" value="中国" disabled="true">
完整的例子:
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" />
disabled="true" 此果文字会变成灰色,不可编辑。
readOnly="true" 文字不会变色,也是不可编辑的
css屏蔽输入:<input style="ime-mode: disabled">
有两种方法第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly="readonly" 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本;
相关文章
- 本文主要介绍了限制html文本框input只能输入数字和小数点的方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-27
html5+jQuery实现的点击text文本框个性化时间选择插件源码
这是一款基于html5+jQuery实现的点击text文本框个性化时间选择插件源码。点击text文本框即可弹出一个环形显示的时间选择框,拖动环上的时间刻度即可动态改变现实时间2016-06-17- 这篇主要介绍HTML带表情的评论框,表情通过Json数据加载,可以根据自己的喜好改变表情。本评论框代码为HTML,CSS,JQ三个方面的代码,html的代码还是比较简单的,大家可以2014-11-05
- 实现文本框出现提示的效果有很多方法,可以用html5中的属性实现,也可以用js做到加css样式,具体的实现过程如下2014-07-29
- 这篇文章主要介绍了html代码文本框限制输入、文本框变灰色、限制文本框输入,需要的朋友可以参考下2014-06-28
- textarea 用来创建一个可以输入多行的文本框,此标志对用于form标志对之间,他还支持一些事件的处理2014-06-28
- 当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过可以通过css来控制它,下面有个不错的示例,大家可以参考下2014-02-18
- 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,本文整理了多种实现方法,感兴趣的朋友可以参考下2013-11-29
HTML5实现又一个联系人表单文本框响应鼠标事件效果(无js)
无需任何js脚本即可实现文本框默认内容点击后清空的效果,鼠标离开,恢复默认值2013-04-27- 本文通过实例代码给大家介绍了 HTML实现文本框只读不能修改其中的内容的方法,需要的朋友参考下吧2017-09-06
最新评论