头闻号

浙江凌辉工贸有限公司

保温容器|炊具|炒锅|金属漆|火锅|煎锅

首页 > 新闻中心 > 科技常识:html 文本框(text)不可用只读的多种实现方法
科技常识:html 文本框(text)不可用只读的多种实现方法
发布时间:2024-09-29 11:28:19        浏览次数:2        返回列表

今天小编跟大家讲解下有关html 文本框(text)不可用只读的多种实现方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html 文本框(text)不可用只读的多种实现方法 的相关资料,希望小伙伴们看了有所帮助。

方法一: <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>

来源:爱蒂网