input不可编辑(vue获取input的值)
如何设置表单的input文本框不可编辑
本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑，让大家了解实现所有表单字段（文本框，标签，复选框，文本区域）不可编辑的方法，知道readonly属性和disabled属性的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
有时，我们需要以不可编辑的模式显示表单域，那么如何实现？我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐：html教程】
我们以input文本框为例来看看效果：
1、onfocus=this.blur()
<input type=”text” name=”input1″ value=”Gxl网” onfocus=this.blur()>
可以看出，表单input文本框无法被点击，不可进行编辑了；里面的文字也无法选择。
2、readonly属性
<input type=”text” name=”input1″ value=”Gxl网” readonly>
<input type=”text” name=”input1″ value=”Gxl网” readonly=”true”>
可以看出，表单input文本框无法被点击，不可进行编辑了。
3、disabled属性
<input type=”text” name=”input1″ value=”Gxl网” disabled>
注意：
我们不能为所有表单字段或元素设置readonly属性。<select>，<option>和<button>元素没有readonly属性，但它们具有disabled属性，可以通过设置disabled属性来实现不可编辑功能。
下面我们来看看readonly属性和disabled属性的区别是什么？
readonly属性和disabled属性都是表单字段（文本框，标签，复选框，文本区域）的不可编辑属性，下面我们来看看它们的区别
disabled属性—-禁用属性
1、禁用的表单字段或元素值不会发布到服务器进行处理。
2、禁用的表单字段或元素不会获得焦点。
3、选项卡导航时会跳过已禁用的表单字段或元素。
4、某些浏览器（如IE）为禁用的表单字段或元素提供默认样式（灰色或浮雕文本）。
readonly属性—-只读属性
1、字段或元素的值以只读形式来发布到服务器进行处理。
2、只读表单字段或元素可以获得焦点。
3、选项卡导航时包含只读表单字段或元素。
4、某些浏览器不为只读表单字段或元素提供默认样式。
总结：
css如何实现input不可编辑
可以用这个方法：
onfocus=this.blur()<input type=”text” name=”input1″ value=”景安” onfocus=this.blur()>
举个完整的例子:
<input name=”ja_na” type=”text” tabindex=”2″ onMouseOver=”this.className='input_1'”
onMouseOut=”this.className='input_2'” value=”5567689″ disabled=”true”readOnly=”true”/>
说明：
disabled=”true”此时文字会变成灰色，不可编辑。
readOnly=”true”文字不会变色，也是不可编辑的
浏览器运行效果：
扩展材料：
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
总体来说，CSS具有以下特点：
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。
参考资料来源：百度百科——CSS
input设置只读;input设置不可编辑
如何对input设置只读属性，可以通过使用readonly设置input文本框为只读。
语法：input type="text" readonly="readonly"/
新建一个html页面，在这个html页面创建一个input文本输入框。
添加只读属性。在input标签里添加readonly="readonly"，就可以把这个文本输入修改为不可编辑了。
保存html页面后使用浏览器打开，鼠标放到对应input文本框上，发现该文本框无法获取焦点，表示设置只读属性成功。
inputtype=checkbox设置只读不可编辑
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，在p标签内，使用input标签创建一个checkbox选项和一个文本框，并且文本框设置默认值。
3、在test.html文件内，给每一个checkbox类型input元素设置name属性，统一设置为ck，主要用于下面通过该name获得input对象。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得input值”。
5、在test.html文件中，给button按钮绑定onclick点击*，当按钮被点击时，执行getinput（）函数。
6、最后在浏览器打开test.html文件，点击按钮，查看结果，就完成了。
html文字框不可编辑,禁止使用者修改的几种方法
文字框不可编辑，禁止使用者修改的几种方法文字框不可用可以在标签input属性中设定readonly
具体步骤：
方法一：设定readonly属性为true。
Html程式码
1.<input type=text value=”readonly” readonly>
<input type=text value=”readonly” readonly>
方法二：设定disabled属性为true。
Html程式码
1.<input type=text value=”disabled” disabled>
<input type=text value=”disabled” disabled>
方法三：在物件focus时立刻让它blur，使它无法获得焦点。
Html程式码
1.<input type=text value=”onfocus=this.blur()” onfocus=”this.blur()”>
<input type=text value=”onfocus=this.blur()” onfocus=”this.blur()”>
提示：readonly和disabled的区别在于后者完全禁止与设定该属性的物件互动(表现为不可改写、不可提交等)。
jquery如何使文字框不可编辑
$('#id').attr('readonly',true);
如何设定文字框不可编辑
具体步骤：方法一：设定readonly属性为true。 Html程式码 1.方法二：设定disabled属性为true。 Html程式码 1.方法三：在物件focus时立刻让它blur，使它无法获得焦点。
怎样限定excel工作表禁止别人修改可用编辑范围的几种方法介绍
第一步，选定要保护的单元格。第二步，右键，设定单元格格式，对话方块里面最后一个，锁定，在锁定的方框里面打勾，第三，保护工作表。设定密码。
Ext.js怎么设定文字框不可编辑
在文字框定义的时候加下面程式码就行了
readOnly:true
本文链接：http://www.okyx8.com/html/87966569.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
国考照片在线处理？公务员考试照片修改
*公务员考试报名照片怎么编辑处理2019年*公务员考试公告尚未发布，根据历年*公务员考试安排，每年公告发布时间基本都在10月下旬，笔试时间在12月份，通常在笔试的前一周天开始打印准考证，建议广大考生参考往年*公务员考试时间表，提前准备，迎战国考！点击图片进入国考报名照片修改系统！ 本工具能在线修改照片大小及尺寸、照片局部剪切及各类考试的照片 使用步骤： 1、…
-
北京车展2014新车(盘点5款北京车展将亮相的新车,总有一款你会喜欢!)
2020北京车展前瞻 这几款新车绝对不容错过 备受中外汽车行业和社会各界关注的2020（第十六届）北京国际汽车展览会（AUTOCHINA2020）（简称“2020北京车展”），将于2020年9月26日-10月5日在北京*国际展览中心新、老馆举行，总展出面积将达到20万平米。 虽然距离开幕还有一个月时间，但已经有不少车企宣布在这场盛会亮相或上市新车，尤其是以下…
-
720云全景摄影网 720度全景摄影
720全景怎么拍1、全景拍摄设备有哪些？ 全景拍摄相对于平面拍摄来说，其流程还是相对复杂些的，尤其是商用全景作品。So，全景拍摄所需要用到的硬件设备器材也不少，主要包括我们常说的全景四件套——单反相机、鱼眼镜头、全景云台、三脚架。这里不太建议使用全景相机，尤其是商用全景，原因就不再多说了。关于全景拍摄设备推荐， 2、全景拍摄设备如何安装？ 全景拍摄设备的组装…
-
南宁个人房屋出租？南宁个人在哪里代开个人出租办公用房发票
广西租房税率是多少 目录如下： 3040502020000000000—不动产经营租赁。 3040502020100000000—住宅经营租赁服务。 3040502020101000000—公共住房租赁。 3040502020102000000—个人出租住房。 3040502020199000000—…
-
象山县人才网(象山县第一人民医院招聘)
象山县人才市场 在哪里联系地址：象山丹城起春路21号; 从象山客运中心到建设路与起春路交叉口东南方向沿起春路走70米，到达终点。 但是一般很少举行招聘会，都是参加宁波国际会展中心的招聘会。 建议：一是前往查看人才市场专栏有无贴出的招聘信息，二是登录象山人才网查询投简历求职。 象山在浙江省的哪个市 象山在浙江省的宁波市。 象山，是指象山县，是*浙江省宁波市管辖…
-
虎门二手房*？虎门万科云城二手房价
东莞虎门买二手房需要支付哪些费用二手房过户交易税费包括个人所得税、契税、印花税、营业税、土地增值税、城建税、教育附加税和地方附加税等。 一、个人所得税计算方法: 纳税人：卖方 普通住宅2年之内个人所得税计算方法：{售房收入－购房总额－（营业税+城建税+教育费附加税+印花税）}×20%； 2年以上（含）5年以下的普通住宅个人所得税计算方法：（售房收入－购房总额…
-
盖世战神萧破天、楚雨馨，萧破天楚
盖世战神中萧破天有几个女人2个。简介：盖世战神：他是功高盖世的战神，为报当年一饭之恩，甘愿入赘为婿……虎落平阳被犬欺，一朝虎归山，血染半边天！这三年来你为我饱受屈辱，往后余生我定让你光芒万丈！《盖世战神》情节跌宕起伏、扣人心弦,是一本情节与文笔俱佳的玄幻小说。 《盖世战神》为黑岩阅读网签约作者“爱吃鱼的阮阮猫”原创小说，首发、独家签约于黑岩阅读网。 主角萧破…
-
赶集网杭州找工作？杭州哪个区工作好找
杭州找临时工,杭州市临时工找工作的地方在那里建筑方面的 提起杭州找临时工，大家都知道，有人问杭州市临时工找工作的地方在那里建筑方面的，另外，还有人想问求杭州临时工群，你知道这是怎么回事？其实杭州滨江或者萧山有没有日结临时工做的？下面就一起来看看杭州市临时工找工作的地方在那里建筑方面的，希望能够帮助到大家！ 杭州找临时工 杭州滨江或者萧山有没有日结临时工做的？…
-
云南十一选五？云南十八怪,是哪十八怪
什么时候去云南旅游最合适 云南是一个四季如春的地方，一年中的任何时候都可以去旅游。但是，不同的季节有不同的特点和景观，需要根据自己的兴趣和偏好来选择最合适的时间。 春季（3月-5月）：春季是云南最美的季节之一，气候宜人，花海盛开，适合赏花、摄影和徒步旅行。 夏季（6月-8月）：夏季是云南的雨季，但是雨水充沛，景色绿意盎然，适合观赏瀑布、溪流和山间风光。 秋季…
-
行心his系统(行心医疗)
心的传导系统心的传导系统由心壁内特殊分化的心肌细胞构成。包括窦房结、房室结、房室束及其分支和Purkinje纤维。其功能是起搏和传导冲动，使心有节律地舒缩，以维持心的正常功能。 “ 相比起骨骼肌细胞，心肌细胞有其自身的特点： ” ( l)窦房结sinoatrial node:位于上腔静脉根部与右心耳交界处、界沟上部的心外膜深面。呈长梭形，其内主要为具有起搏作…
.jpg "北京车展2014新车(盘点5款北京车展将亮相的新车,总有一款你会喜欢!)")
