input标签动态设置只读属性及其兼容性

项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下：

HTML代码：

JS动态设置只读属性的方法：

方法一：

方法二：

input标签动态设置只读属性及其兼容性相关推荐

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...
vue2.x 标签动态设置背景问题，有透明度
需求是这样的,有个标签,它的透明度随着进度的大小而改变,进度是0%-100%,对应的透明度是0.5-0,直接上代码 // 随着进度而变化标签的透明度 <div class="shade ...
Easyui中input标签设置只读
Easyui中input标签设置只读直接在input标签中设置属性:readonly="readonly". 具体例子: <input class="easyui ...
Layui中Jquery动态设置的select标签加载时而正常时而失效问题排查和解决
1.背景前段使用Layui框架,jQuery动态设置的下拉框select标签,加载时而正常时而失效. 本地调试完全没有问题,但是在服务器运行加载成功和失败的比例五五开. 2.解决问题原因:Layu ...
html input日期值,input标签设置时间值
研究了两天javascript日期相关的内容,一句话总结:"浏览器可以用上十万年,因为javascript支持的时间范围就是这么长". 通过实验来看,比较好用的是type=&quo ...
input标签设置纯数字输入
input标签设置纯手机号输入(键盘输入或粘贴时自动去除非数字字符) 解决方案: <input type="tel" placeholder="请输入11位手机 ...
微信小程序中动态添加删除class类名使用三元表达式动态设置标签的class名
目的,在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层. 效果图如下: 功能实现: 我们使用三元表达式即可实现动态设置标签中的class属性如下: < ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
input搜索框 php,html搜索框怎么设置？html搜索框input标签的使用方法实例
本篇文章主要讲述的是关于HTML 搜索框的设置,还有html 搜索框input标签的一些使用方法实例,接下来就让我们一起来阅读这篇关于html 搜索框的文章吧首先我们来设置一个简单的搜索框: 这是一 ...

input标签动态设置只读属性及其兼容性

input标签动态设置只读属性及其兼容性相关推荐

最新文章

热门文章