HTML文本框只读的几种方法的优缺点简单分析
2015-06-08 16:26
369 查看
顾名思义,只读就是让不可编辑的名词,在编辑的过程中,往往有许多信息是不想让用户更改的,下面列出几种方法 并把他们的优缺点说出来。
第一种方法:readonly
<input type="text" value="男" readonly>或
<input type="text" value="男" readonly="true">
这个方法只读功能是好用的,但如果你选中里面的字体是可以复制内容的。
第二种方法:disabled
<input type="text" value="男" disabled>
这个方法只读功能也是好用的(。。。优点像废话)里面的问题也像上面一样 是可以复制 但他会使文本框变的很暗,很直观的告诉大家 他是不可用的 但在这个都在用各种框架 各种提升UI界面样式的时代 他太丑了 而且使用这个方法在一些编程中 与后台数据也会出现一些问题 不建议使用
第三种方法: onfocus=this.blur()
<input type="text" value="男" onfocus=this.blur()>
这个方法是真正的禁用 因为他都不可以选中和复制 推荐~
第一种方法:readonly
<input type="text" value="男" readonly>或
<input type="text" value="男" readonly="true">
这个方法只读功能是好用的,但如果你选中里面的字体是可以复制内容的。
第二种方法:disabled
<input type="text" value="男" disabled>
这个方法只读功能也是好用的(。。。优点像废话)里面的问题也像上面一样 是可以复制 但他会使文本框变的很暗,很直观的告诉大家 他是不可用的 但在这个都在用各种框架 各种提升UI界面样式的时代 他太丑了 而且使用这个方法在一些编程中 与后台数据也会出现一些问题 不建议使用
第三种方法: onfocus=this.blur()
<input type="text" value="男" onfocus=this.blur()>
这个方法是真正的禁用 因为他都不可以选中和复制 推荐~
相关文章推荐
- css文本框与按钮美化效果代码
- PowerShell设置文件只读、隐藏属性的方法
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- 点击按钮后 文本框变为Select下拉列表框
- 使用 iisext.vbs 禁用 Web 服务扩展的方法
- css样式之区分input是按钮还是文本框的方法第1/4页
- js+css使文本框自动适应内容的高度
- 设置SQLServer数据库中某些表为只读的多种方法分享
- 找到MySQL的优点
- C#与js实现去除textbox文本框里面重复记录的方法
- js禁用和激活input表单的方法
- javascript 输入文本框时的友好提示
- 关于文本框的一些限制控制总结~~
- CMD中使用attrib命令设置文件只读、隐藏属性详解
- javascript记录文本框内文字个数检测文字个数变化
- JS获取文本框,下拉框,单选框的值的简单实例
- 禁用页面部分JavaScript方法的具体实现
- jquery实现文本框鼠标右击无效以及不能输入的代码
- jQuery 文本框模拟下拉列表效果
- JavaScript 控制文本框的值连续加减