让input变成不可编辑状态的方法

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" οnfοcus=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 键切换到该字段，还可以选中或拷贝其文本；

转载于:https://www.cnblogs.com/sxz2008/p/6418806.html

让input变成不可编辑状态的方法相关推荐

docx格式文件转成doc格式文件时保持公式可编辑状态的方法
0 提出问题现在很多论文投稿甚至是毕业论文都要求doc格式的文档(Word2003以前的版本文档),如果大家像我一样习惯使用WPS或者更高级版本的Word,并且在编辑公式过程中未使用MathType ...
设置input为不可编辑状态
input的两个属性:disable,readonly disable不向后台传值 readonly向后台传值
关于C4D：如何将已经被FFD后的模型转变成可编辑状态
如何将已经被FFD后的模型转变成可编辑状态,方法:
html双击变成可编辑状态,JS实现双击编辑可修改状态的方法
本文实例讲述了JS实现双击编辑可修改状态的方法.分享给大家供大家参考.具体如下: 这是现在流行的一个表单特效,在网页上单击某文字,文字变为编辑状态,或者是让输入新文字,这就是JavaScript控制表 ...
NSTextField 处于编辑状态时，点击return键结束编辑，NSButton的return快捷方法不响应
NSButton 设置快捷键 return, 当 NSTextField 处于编辑状态时, 点击return键结束编辑,要求不响应button的return快捷方法 attributes inspe ...
html按钮disabled状态,CSS定义input disabled样式的三种方法
表单提交的时候我们经常会让提交按钮禁用,满足条件后按钮恢复,disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢?下面看青岛星网:CSS定义input disabled样式的三 ...
EditText设置可以编辑和不可编辑状态
1.首先想到在xml中设置android:editable="false",但是如果想在代码中动态设置可编辑状态,没有找到对应的函数 2.然后尝试使用editText.setFoc ...
jqGrid行编辑配置，方法，事件
目录软件要求和安装方法 editRow:编辑行 saveRow:保存行 restoreRow:还原数据行 addRow:添加新数据行 inlineNav:给行编辑添加导航操作按钮注意事项数据如 ...
vue 设置所有的输入框只读_elementUI 设置input的只读或禁用的方法
只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了. 禁用:disabled 在data里定义:edit: true, 然后在i ...

让input变成不可编辑状态的方法

让input变成不可编辑状态的方法相关推荐

最新文章

热门文章