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

最新推荐文章于 2021-05-14 19:03:10 发布

转载最新推荐文章于 2021-05-14 19:03:10 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/taojietx/p/5287213.html

1 <html>
2 <body>  
3   <p>Name:<input type="text" name="email" /></p>
4   <p>Country:<input type="text" name="country" 
5   value="China" readonly="readonly" /></p> 
6 </body>
7 </html>

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

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

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

转载于:https://www.cnblogs.com/taojietx/p/5287213.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱不到要偷

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决 input 添加 readonly 后，ios 仍然出现光标问题

catchRun的博客

02-19

1163

当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性： unselectable="on" onfocus="this.blur()"

js让text值不可改变，同<input type="text" readonly="readonly" />

dcx78308的博客

12-21

149

<input type="text" size="60"name="j01" value="www.52jscn.com"> 锁定value不可修改的方法可以用disabled属性.. 这个是input控件的基本属性 <input type="text" disabled size="60"name="j01" value="xx...

参与评论您还未登录，请先登录后发表或查看评论

javascript 控制 text 的 readonly 属性

dyccsxg的专栏

04-07

178

<html> <head> <title>Test</title> </head> <body> <form action="" method="post" name="form1"> <input type="text&qu

把input设置成只读模式

阵雨的博客

07-31

1772

1.input="text" 2.input="checkbox"

为什么网页不显示输入框<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>输入正整数</title> </head> <body> <form action="index.jsp" method="get"> <label for="number">请输入一个正整数:</label> <input type="number" id="number" name="number" min="1" required> <input type="submit" value="计算累加和"> </form> </body> </html>

04-24

<input type="text" readonly> ``` ### 验证流程 1. 使用浏览器开发者工具检查元素是否存在 2. 查看CSS计算样式（Computed Style） 3. 检查网络面板确认资源加载成功 4. 验证服务端模型数据传递

最新发布

09-16

<input type="text" placeholder="请输入..." id="searchInput" onkeypress="if(event.keyCode==13) search()"> <button type="button" aria-label="搜索" onclick="search()"> <i class="icon-search" aria-...

07-22

<think>我们正在分析一个具体问题：在投保界面显示的按钮`button_ItemKindThird_Insert`在批改界面不显示。我们需要逐步分析可能的原因。注意：这是一个前端界面元素显示/隐藏的问题，可能涉及条件控制、数据状态...

07-16

08-12

可以通过在 HTML 内容中显式添加 `<meta charset="UTF-8">` 或 `<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">` 来声明字符集，以确保浏览器引擎能够正确识别编码格式。此外，在调用 `...

HTML input 标签不可编辑的 readonly 属性

weixin_34104341的博客

12-01

131

1 1 <form action="form_action.asp" method="get"> 2 Name:<input type="text" name="email" /> 3 Country:<input type="text" name="country" value="China" readonly="readonly" /> ...

输入框只读属性readonly控制

dinglinhu的专栏

05-27

4605

111 function aa(){ //变成可读 document.all.textfield.readOnly=false; //注意：在html里只读属性为readonly，但脚本里是readOnly，就是o要写成大写O }

关于input文本框，设置为readonly后，onchage事件无响应处理方案

chemyoo的博客

11-27

7202

input文本框，设置为readonly后，由于onchage事件是当文本框失去焦点后才会触发的，所以导致使用jq绑定事件无效。处理方式使用原生js获取到文本框，document.inuptName.onchange = function (){ alert('onchange 事件触发')}。

关于 input在 chrome 、IE浏览器中遇到的兼容性问题处理

m0_49016709的博客

05-14

1601

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

浅析easyui中的readonly和h5中的readonly

iCheetor

07-28

2592

在使用easyui的过程中，有时会将input框的readonly属性和easyui的readonly属性混用，然后动态修改这一状态，但在easyui中如果使用h5的readonly属性，使用removeProp("readonly");方法后，虽然input框可以编辑，但value却获取不到最新编辑后的值。代码如下： <div> <input type="t...