HTML中Select不用Disabled实现ReadOnly的效果

最新推荐文章于 2021-06-04 11:53:56 发布
最新推荐文章于 2021-06-04 11:53:56 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： Ajax技术 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kunshan_shenbin/article/details/2100472
版权

方法如下：

< select  onbeforeactivate ="return false"  onfocus ="this.blur()"  onmouseover ="this.setCapture()"  onmouseout ="this.releaseCapture()" >  
 < option > 1 </ option >
</ select >

 

昆山人在上海
关注
专栏目录
disabled el-select禁用样式 修改 去掉禁用样式 disabled 变为 readonly
weixin_50885665的博客
02-27 1835
【代码】disabled el-select禁用样式 修改 去掉禁用样式。
HTML中Select不用Disabled实现ReadOnly的另类实现
nishizhen的专栏
06-20 121
[code] &lt;html&gt; &lt;body&gt; &lt;select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapt...
HTML中Select不用Disabled实现ReadOnly的另类方法
12-01 207
&lt;html&gt;&lt;body&gt;&lt;select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()"   onmouseout="this.releaseCapture()"&gt;     &lt;option&gt;1&am
设置disabled属性后台读不到数据如何让select支持readonly
09-28
然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...
disabled与readonly的作用及区别介绍
09-28
在网页开发中，`disabled` 和 `readonly` 是两个非常重要的属性，它们都用于限制用户对HTML表单元素的交互，但它们之间存在着显著的区别。接下来我们将深入探讨这两个属性的作用和差异。 首先，`readonly` 属性主要...
select 怎么实现 readonly的效果。。。
weixin_30709929的博客
01-24 191
html中input标签有readonly的属性，使用时内容只可读取，不可修改。 最近使用select，也想实现类似功能，网上找的的方法是加一条语句： onbeforeactivate = "return false" onfocus = "this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture...
disabled & readonly
weixin_30386713的博客
08-04 65
页面上一input，第一次编辑时允许输入，以后就不可编辑，也就是一次性编辑吧，话说他们开发用了readonly，的确不可编辑了，但是还是可以focus，所以input的高亮及提示效果也就还是有了。想改用disabled的，也的确不能focus了的，可是disabled的input在form提交时是不会提交的，所以最终还是在高亮的js上做了下手脚 readonly：不可以输入，但可以focu...
html select模拟readonly
暗淡亮点的博客
11-10 379
select不支持readonly，只能用其他办法去模拟readonly了，效果就是点击select选择元素，然后自动变回默认的。 test1 test2 test3 selected="selected">test4 test5
让html select支持readonly属性
非淡泊无以明志，非宁静无以致远
04-24 701
刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： &lt;select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=th...
HTML输入框，下拉框只读
weixin_33810006的博客
05-18 651
2019独角兽企业重金招聘Python工程师标准>>> ...
html下拉嵌套只读,html组件不可输入(只读)同时任何组件都有效
weixin_39980929的博客
06-04 89
/*** 将页面设置为只读*/var setReadOnly = function(){var input = $("input");input.each(function(i){$(this).attr("onfocus", "this.blur();return false;");$(this).wrap(function(){return '';});});var select = $("s...
HTML select 元素 disabled 属性在主流浏览器中的表现
weixin_33946020的博客
04-03 103
测试页面源代码 我们有以下测试文件 test.html: 1 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; 2 &lt;html xmlns="http://www.w3.org/1999/xhtml"&...
html下拉框只读,html中select readonly/disabled问题的解决方案
weixin_39711441的博客
06-04 3370
在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...
iview中select的使用
zhixuexingchen的博客
09-02 2594
1、示例，最基础的使用方法 2、传参，传多个值的方式 3、默认值 4、清空重置无效 5、可搜索的用法及如何限制搜索字符长度 一、示例 html: <Select @on-change=“getItemValue” v-model=“formSend.code”> {{item.name}} js: data: { formSend: { name: ‘’, code: ‘’ }, d...
el-select 如何实现 readonly 效果
最新发布
05-19
要实现 `el-select` 的 readonly 效果，可以通过以下两种方式之一： 1. 使用 `el-select` 的 `disabled` 属性，将其设置为 `true`，然后在 CSS 中添加样式覆盖默认的禁用样式。 ```html <el-select disabled class...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值