网页里的不可编辑的jquery文本框不可编辑，如何才能破解，并在jquery文本框不可编辑里输入自定义内容？

来源：蜘蛛抓取(WebSpider) 时间：2016-03-18 15:20 标签： input文本框不可编辑
设置网页中文件上传控件的文本框为不可编辑的办法
最近想做一个文件上传下载的功能，但是发现HTML本身自带的文件选择控件是用户可以再文本框中随意输入内容的，而自己想做就是让用户只能通过选择按钮去选择文件。在网上搜了一圈，基本的看法是html是不提供这个功能的，要做到这个必须弄个遮罩层去盖住文本框。有个哥们发挥了一把改革开发的精神，提到说直接在onkeypress等编辑相关的事件处理中把文本编辑功能去掉。这个就有点意思了，起码也是绕着迈着步子走向了终点。可惜在这哥们的刚刚说完，下面有个回帖的兄弟就说了：不用那么麻烦了，直接把contentEditable属性设置成false就行了。
我当时就晕了，找了这么久，难道真理真是掌握在了个别人手中。果然，随便写了个网页一试，设置contentEditable=false真的就只能通过按钮去选择文件了。
我常常告诫自己，有时候需要转个弯去实现目标。现在看来有的时候，需要的还是机缘巧合了。如contentEditable=false这类的小技巧，真不知道是哪个哥们创造性的搞出来的，但是我们一般人怎么才能不去绕那么多弯路呢？
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。如何使input文本框不可编辑
查看: 587|
控制表单中的文本框是否可编辑其实是一个很常用的功能，比如有时候我们需要用户按顺序填写表单的时候，通常会通过JS控制文本框的可编辑状态开放顺序；其实也就是通过控制以下两个属性来达到我们的目标而已。readonly、disabledreadonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值，文字不会变色。&input type="text" name="codetc" readonly="readonly" &/&disabled表示禁用input元素，文本框变灰，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。&input type="text" &name="codetc" disabled="disabled" /&这里顺带说一下另一个标签autocomplete，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，如下图：autocomplete代表是否让浏览器自动记录之前输入的值，属性默认值为on，很多时候，需要对用户的资料进行保密，防止浏览器软件或者恶意插件获取到的时候，最好禁止浏览器自动记录。禁止的方法是加上autocomplete="off"，使用方法如下：autocomplete="off"&input type="text" autocomplete="off" name="codetc"/& &
文章来源 ，欢迎分享，转载请注明地址：
上一篇：下一篇：
12345678910网页设计教程子分类14065人阅读
将HTML文本框设为不可编辑文本框。
方法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&
让文本框变灰不可输入：
&input type=&text& name=&test& disabled=&disabled& style=&background:#CCCCCC&/&
不可输入还可以用上述三种方法
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：113391次
积分：1295
积分：1295
排名：千里之外
原创：30篇
评论：20条
(1)(1)(9)(1)(2)(2)(3)(1)(3)(6)(1)

我要回帖

更多关于 input文本框不可编辑 的文章

 

随机推荐