HTML5表单不能修改只能查看,HTML中让表单input等文本框为只读不可编辑的方法

原标题：HTML中让表单input等文本框为只读不可编辑的方法

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur() 当鼠标放不上就离开焦点

方法2:readonly

方法3: disabled

完整的例子:

disabled="true" 此果文字会变成灰色，不可编辑。

readOnly="true" 文字不会变色，也是不可编辑的

css屏蔽输入：

有两种方法第一：disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。第二：readonly="readonly" 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本；

本文由建站免费素材圈sucaiq.com分享！！！

如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对素材圈的支持！若你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！返回搜狐，查看更多

责任编辑：