0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > html 文本框(text)不可用只读的多种实现方法

html 文本框(text)不可用只读的多种实现方法
热门标签：水经注万能地图标注 新乡机器人外呼系统 青海保险智能外呼系统商家 梧州地图标注app 禹州电话外呼系统 营口400电话申请 最简单的百度地图标注店铺 锦州企业外呼系统 AI外呼系统 价格
方法一： <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>

标签：怀化 青岛 哈密 荆门 潮州 山南 延边 昭通

巨人网络通讯声明：本文标题《html 文本框(text)不可用只读的多种实现方法》，本文关键词  html,文本,框,text,不,可用,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《html 文本框(text)不可用只读的多种实现方法》相关的同类信息！
  • 本页收集关于html 文本框(text)不可用只读的多种实现方法的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：html中的div、td 、p 等容器内强制换行和不换行的实现

    下一篇：HTML网页头部代码实例详解

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： html 文本框(text)不可用只读的多种实现方法 html,文本,框,text,不,可用,