标题 | html 文本框(text)不可用只读的多种实现方法 |
内容 | 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,本文整理了多种实现方法,感兴趣的朋友可以参考下 方法一: <input id= "File1" type= "text" disabled/> 不可用 方法二: <input id= "File1" type= "text" readonly/> 只读 方法三: <input id= "File1" type= "text"/> 隐藏(但占位置) 方法四: <input id= "File1" type= "text"/> 隐藏(不占位置) 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<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> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。