html 文本框(text)不可用只读的多种实现方法

前端技术 2023/09/09 HTML
方法一： <input id= \"File1\" type= \"text\" disabled/> 不可用
方法二： <input id= \"File1\" type= \"text\" readonly/> 只读
方法三： <input id= \"File1\" type= \"text\" style=\"display:none\"/> 隐藏（但占位置）
方法四： <input id= \"File1\" type= \"text\" style=\"visibility:hidden\"/> 隐藏（不占位置）

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type=\"text\" name=\"input1\" value=\"中国\"> 的内容，\"中国\"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur()

复制代码
代码如下:

<input type=\"text\" name=\"input1\" value=\"中国\" onfocus=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>

本文地址：https://www.stayed.cn/item/24737

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案