HTML之禁止输入文本
2015-12-13 22:08
645 查看
一个文本框,禁止输入文本有2个方式,一个是利用readonly ,一个是利用 disabled.
那么两者虽然目的都可以达到,但是从表现上来看disabled会显得更加的直观,为什么这么说。
请看截图:
如图所示:
1为readonly,2为diabled.显然使用diabled的修饰的文本框变成了灰色,综上,推荐使用disabled来让文本框变得不可输入。
但是对于时间框框那种不能输入的,更推荐使用readonly 来完成。
相应代码如下:
那么两者虽然目的都可以达到,但是从表现上来看disabled会显得更加的直观,为什么这么说。
请看截图:
如图所示:
1为readonly,2为diabled.显然使用diabled的修饰的文本框变成了灰色,综上,推荐使用disabled来让文本框变得不可输入。
但是对于时间框框那种不能输入的,更推荐使用readonly 来完成。
相应代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(function () { $("#readonly").prop("readonly", true); $("#disable").prop("disabled", true); }) </script> </head> <body> <input id="readonly" type="text"> <input id="disable" type="text"> </body> </html>
相关文章推荐
- 【HeadFirst】第七章:web开发[本地localhost访问][自动访问index.html]
- 谷歌浏览器和IE显示锚点兼容
- 如何创建html文件
- 当html中存在url中如: onclick="toView('参数1')", 参数1是特别字符,如&asop;"' "等时,浏览器解析时会报错。解决方法如文中描述
- HTML块级元素与行级元素
- HTML标签记录
- Html未加载完成时实现动态加载效果
- Html—彩虹社工
- HtmlHelper方法汇集
- HTML DOM getElementsByTagName() 方法
- 【html】【20】高级篇--轮播图[聚焦]
- 【html】【19】高级篇--大事件时间轴
- 【html】【18】高级篇--下拉列表[竖向手风琴]
- 【html】【17】高级篇--loading加载
- 【html】【16】高级篇--毛玻璃效果[模糊]
- 【html】【15】特效篇--分页
- pdf2html 手动编译,解决segmentation fault错误
- C#,xml、html节点数据解析
- 客户端提交内容的HTML内容过滤根据
- 使用HtmlHelper类生成有数据绑定的HTML标签