html <input type="text" />加上readonly后在各种浏览器的差异。

最新推荐文章于 2021-06-17 01:31:23 发布
最新推荐文章于 2021-06-17 01:31:23 发布
阅读量98 收藏
点赞数
原文链接：http://www.cnblogs.com/wxj111/p/3459156.html
版权 
<html>
<body>  
  <p>Name:<input type="text" name="email" /></p>
  <p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p> 
</body>
</html>

上述代码在ie中：可以获得焦点，光标可进入，不能输入，但是按backspace键后，页面会后退跳转。

  在chrome中：可以得到焦点，光标不可进入

  在firebox中：可以得到焦点，光标也可进入。按backspace键，不起任何作用。

转载于:https://www.cnblogs.com/wxj111/p/3459156.html

weixin_30663471
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
跨浏览器开发经验总结（一） HTML标记
09-28
7. **`<script>`标签**：`language`属性在HTML5中已不再使用，通常只保留`type`属性来定义脚本类型，如`<script type="text/javascript">`。除非特定需求，否则通常不需要`language`属性。 8. **`<a>`标签的`alt`和...
input点击后placeholder中的提示消息消失
09-02
<input type="text" placeholder="多个关键词空格隔开" onfocus="this.placeholder=''" onblur="this.placeholder='多个关键词空格隔开'"> ``` 这段代码中，`onfocus`事件处理器清空了`placeholder`的值，使得...
input输入框设置readonly属性后更改字体颜色
twodays11的博客
08-16 1883
根据业务需求，需要将属性赋值之后改变为不可更改状态。 设置成不可更改有两种方法： 1.readonly 2.disabled 他们两者的区别： 1.readonly只针对input等有效，可以更改字体的颜色 2. disabled对选择框、下拉框等有效，默认是灰色，不能更改字体颜色。 怎样添加readonly： 怎样添加disabled： 给readonly更改字体颜色：（更改颜色放在添加readonly之前） ...
关于input文本框，设置为readonly后，onchage事件无响应处理方案
chemyoo的博客
11-27 6570
input文本框，设置为readonly后，由于onchage事件是当文本框失去焦点后才会触发的，所以导致使用jq绑定事件无效。 处理方式使用原生js获取到文本框，document.inuptName.onchange = function (){ alert('onchange 事件触发')}。
解决 input 添加 readonly 后，ios 仍然出现光标问题
catchRun的博客
02-19 1068
  当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性： unselectable="on" onfocus="this.blur()"
html标签兼容性,html标签编程兼容性注意事项
weixin_31110189的博客
06-17 309
为页面添加DOCTYPE由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。!DOCTYPE 声明指定文档遵从的 DTD，如：标准HTML标签的正确使用尽量使用div+css布局,不用table做布局。使用table做布局容易造成代码冗余，相对应该使用标准化的页面结构：DIV+CSS。这种布局方式代码简...
ios端的Safari浏览器中，输入框加入readonly之后，点击还能获取焦点的解决办法。...
程先生的博客
09-03 91
　　事情的起因是，新增一个需求，原来的输入框点击不要出现系统自带的键盘，出现我们模拟的键盘。如果是一次性开发的话， 我肯定把这个输入框写成一个div或者其他的元素，然后点击之后出现我们的模拟键盘，这样就不会遇到input输入框的问题了。但是因为第一版的时候，就是调起的系统的输入法，所以这里就写的是一个input，所以我就在这个input中增加了一个readonly属性。结果测试的时候发现，在io...
通过disabled和readonly将input设置为只读效果
12-14
<INPUT type="text" name="partNumber" value="1500" readonly> ``` 在这个例子中，“1500”的零件编号是只读的，但当表单被提交时，服务器将接收到这个值。 在实际应用中，选择`disabled`还是`readonly`取决于具体...
js模拟点击以提交表单为例兼容主流浏览器
10-26
<input type="text" name="site" value="www.woiweb.net" readonly/> <input id="subbtn" type="submit" value="先别点击此按钮提交" onclick="alert('我已经提交了');"/> <!-- 或者 --> <a id="subbtn" href=...
兼容FF和IE的动态table示例自写
12-09
readonly='true' />` 是一个只读文本框，用于显示零件型号，而`<input name='Dy_text_sl' onkeypress='onlyNumberIn1(this)' onkeyup='textChange(this)' ... />` 是一个可以输入数字的文本框，用于输入零件数量。...
input标签动态设置只读属性及其兼容性
蒲厷渶と戀的博客
01-16 8802
项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下： HTML代码：
关于 input在 chrome 、IE浏览器中遇到的兼容性问题处理
m0_49016709的博客
05-14 1404
input   CSS样式 input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-im
解决ios 上input设置readonly依然存在光标
shao.zq的博客
07-05 2454
&lt;input type="number" readonly unselectable="on" onfocus="this.blur()"/&gt; unselectable属性作用 在IE浏览器中，当input获得焦点时，点击有unselectable=”on”属性的标签时，不会触发onblur事件。 onfocus=”this.blur()”方法作用 获取焦点时调用失去焦点事件...
js屏蔽键盘退格键（backspace或者叫后退键）2
tonyd1989的专栏
07-03 7826
提出需求： Html代码   当键盘敲下后退键（Backspace）后   1、禁止浏览器自动后退   2、但不影响密码、单行文本、多行文本输入框等的回退操作      解决方案： 网上搜了一下，发现有不少解决方案，相比较之下，zywang的方案较佳，（原文见http://zywang.iteye.com/blog/700263）  在其基础
ie下readonly无效怎么解决
alice17571的博客
07-27 3717
ie加上unselectable="on"属性 不过只能ie用，为了兼容性嘛
iOS给readonly属性进行赋值
Lu_Ca的博客
03-04 1568
我们都知道iOS中，是不能通过点方法或者[]方法进行readonly属性的赋值的。如果你执意要调用，那么Xcode会报错，readonly属性是不支持赋值操作的。 那么，我们有其他办法给这个readonly的属性赋值吗？ 这里先写结论，可以。通过KVC的setValue：forKey方法可以给这个属性赋值。 这里就涉及到了KVC的知识点了，先说一下KVC的setValue：forKey方法的基本原理吧。 第一步：会查找对象的类中是否有满足set<key>格式的方法。如果有，那么直接调
readOnly属性 （不可修改）
xiangqiao123的专栏
10-11 1951
HTML解决下拉框设置readonly依旧可以修改的问题
小龙哒的博客
07-08 2555
请看代码 页面 发现使用readonly并不会使下拉框只读，依旧可以切换，这里需要使用disabled即可
js让text值不可改变，同<input type="text" readonly="readonly" />
dcx78308的博客
12-21 107
<input type="text" size="60"name="j01" value="www.52jscn.com"> 锁定value不可修改的方法可以用disabled属性.. 这个是input控件的基本属性 <input type="text" disabled size="60"name="j01" value="xx...
<title>医院住院管理系统</title> </head> <body> <div class="title"> <h2>药品发放</h2> </div> <div class="main"> <form id="drugs_delivery"> <table> <tr> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>住院号：</label> </p> </td> <td> <p class="short-input ue-clear"> <input results="s" type="search" readonly name="patientId" id="patientId" /> </p> </td> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>姓名：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="patientName" id="patientName" /> </p> </td> </tr> <tr> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>药品编号：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="search" results="s" readonly name="drugId" id="drugsId" /> </p> </td> <td> <p class="short-input ue-clear"> <label>数量：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" name="drugCount" id="num" onblur="checkdrugsnum()" /> <input type="hidden" name="num1" id="num1"> <p class="short-input ue-clear"> </td> </tr> <tr> <td> <p class="short-inpue-clear"> <label><font color="red">*</font>药品名称：</label> </p> </td> <td> <p cla
最新发布
03-25
<input type="text" readonly name="drugSpec" id="drugsSpec" /> </p> </td> </tr> <tr> <td> <p class="short-input ue-clear"> <label>剂量：</label> </p> </td> <td> <p class="short-input ue-clear"> <input ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值