html 文本框(text)不可用只读的多种实现方法
2013-11-29 17:57
405 查看
方法一: <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()
方法2:readonly
方法3: 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中实现文本框出现提示功能的多种方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- AngularJS进阶(三)HTML:让表单、文本框只读,不可编辑的方法
- 再谈将C++语言源码转成html的方法(vim实现,可用于java,perl,python等等多种语言)
- HTML中让表单input等文本框为只读不可编辑的方法
- 修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- AngularJS进阶(三)HTML:让表单、文本框只读,不可编辑的方法
- 解析在Android中为TextView增加自定义HTML标签的实现方法
- HTML页面跳转的多种实现方法
- 文本框中文字用htmlText操作并且实现文本框中文字加链接【link的用法】
- HTML中让表单input等文本框为只读不可编辑的方法
- OAF 中对文字实现html效果及对超级长文本实现默认换行,对只读的messageTextInput中的内容自动换行
- html+js实现文本框背景及只读属性修改
- 使一个html 文本框(text)不可用
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML:让表单 文本框 只读,不可编辑的方法