input文本框不可编辑的方法

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，

如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，

如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

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

[html] view plain copy

<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly

我喜欢用这个，能防止修改内容，

copy后台还能够接受传值，同其他输入的数据一起保存到数据库

<li class="l2"><input name="entryName" id="entryName"

style="color: #444" type="text" value="邢台县“群众办事不出村”政务服务平台扩建项目" readonly="true"></li>

<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">

[html] view plain copy

方法3: disabled

[html] view plain copy

<input type="text" name="input1" value="中国" disabled="true">

完整的例子:

[html] view plain copy

<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 键切换到该字段，还可以选中或拷贝其文本；

本文转自潜心笃志 51CTO博客，原文链接：http://blog.51cto.com/82711020/1960830，如需转载请自行联系原作者

input文本框不可编辑的方法相关推荐

使input文本框不可编辑的方法
disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字的颜色会变成灰色.disabled 属性无 ...
php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
使input文本框不可编辑的3种方法
转自点击打开链接今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能 ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
1. 使input文本框不可编辑的2种方法今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...
java 文本域不可编辑_实现表单input文本框不可编辑的三种方法
问题有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能. 实现方式 1.οnfοcus=t ...
input 文本框不可编辑的3种方法
disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字的颜色会变成灰色.disabled 属性无 ...
在html中文本框不可编辑状态,input框不可编辑_怎么让Html文本框不可编辑
摘要腾兴网为您分享:怎么让Html文本框不可编辑,中国知网,优品多多,优路教育,银万财富等软件知识,以及hackertyperneo,永久进销存软件,dnf女鬼剑武器补丁,锁机软件,hevc编码器, ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
html 设置不能选中文本框,win10系统下怎样让Html文本框不可编辑
学习网页设计的朋友们,相信对Html并不陌生.不过,Html博大精深,因此有很多内容让网页设计人员很是困惑,最常见的就是怎么让Html文本框不可编辑?接下来,小编就以windows10系统为例,分享让 ...

input文本框不可编辑的方法

input文本框不可编辑的方法相关推荐

最新文章

热门文章