您的位置:首页 > Web前端 > HTML

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()>
这个方法是真正的禁用 因为他都不可以选中和复制 推荐~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息