顾名思义,只读就是让不可编辑的名词,在编辑的过程中,往往有许多信息是不想让用户更改的,下面列出几种方法 并把他们的优缺点说出来。
第一种方法:readonly
<input type="text" value="男" readonly>或
<input type="text" value="男" readonly="true">
这个方法只读功能是好用的,但如果你选中里面的字体是可以复制内容的。
第二种方法:disabled
<input type="text" value="男" disabled>
这个方法只读功能也是好用的(。。。优点像废话)里面的问题也像上面一样 是可以复制 但他会使文本框变的很暗,很直观的告诉大家 他是不可用的 但在这个都在用各种框架 各种提升UI界面样式的时代 他太丑了 而且使用这个方法在一些编程中 与后台数据也会出现一些问题 不建议使用
第三种方法: οnfοcus=this.blur()
<input type="text" value="男" οnfοcus=this.blur()>
这个方法是真正的禁用 因为他都不可以选中和复制 推荐~
转载于:https://blog.51cto.com/hong1yuan/1659739