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

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

[html] view plain copy

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

方法2:readonly

[html] view plain copy

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

HTML中让表单input等文本框为只读不可编辑的方法相关推荐

html如何让左右字段不能编辑,HTML中让表单input等文本框为只读不可编辑的方法...
有时候,咱们但愿表单中的文本框是只读的,让用户不能修改其中的信息,css 如使input text的内容,中国两个字不能够修改有时候,咱们但愿表单中的文本框是只读的,让用户不能修改其中的信息,html ...
让表单input等文本框为只读不可编辑的方法
一.disabled 属性二.readonly 属性三.readonly unselectable="on" 属性一.disabled 属性 disabled 属性规定应该禁 ...
java 文本框只读_处理表单使input等文本框为只读不可编辑的方法
方法1: οnfοcus=this.blur() 方法2:readonly 方法3: disabled Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着 ...
html的input不可编辑状态,HTML中让表单input不可编辑的方法
HTML中让表单input不可编辑的方法,有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使的内容,"中国"两个字不可以修改.表单input不可编辑的方法实现 ...
html在表中加入输入框,HTML表单和输入文本框
HTML 表单用于收集用户输入的各类信息. 1)例子文本域这个例子演示了如何在一个 HTML 页中创建文本域.用户可以在文本域中输入文本. 密码框这个例子演示了如何在 HTML 页中创建密码输入 ...
【实习小tip】多层dialog弹窗遮罩问题、elementUI的form表单组件的select框在只读的情况下没办法拿到传来的数据、从弹窗子组件获取数据后需要刷新页面
解决elementui多层dialog弹窗遮罩问题弹窗套娃出现了整个屏幕都是遮罩层的问题,需要鼠标点击一下才能正常. 在弹窗组件代码上加上 append-to-body 就可以了,表示这个弹窗是嵌在 ...
html表单输入的文本框的值,网页设计关于表单输入框的技巧代码
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...
web前端入门学习 css（7）css高级技巧（精灵图、字体图标、css三角、鼠标样式、表单轮廓线、文本框拖拽、垂直对齐、图底空白缝隙、margin负值、溢出文字省略号、文字环绕、css初始化）
文章目录精灵图为什么需要精灵图? 精灵图的使用精灵图课堂案例用精灵图拼出自己的名字字体图标字体图标的下载字体图标的引入字体图标的追加 css三角(用边框border制作) 案例:京东三 ...
上传照片表单提交包括文本框下拉条等，如何取文本框的值
一个照片上传让刚从ruby转作java的我,在三个月内上传服务器用三种方法写过,上传数据库用几种方法也写过,小白想说,我容易么........ formList = upload.parseReque ...

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

HTML中让表单input等文本框为只读不可编辑的方法相关推荐

最新文章

热门文章