让html select支持readonly属性

最新推荐文章于 2025-01-12 10:01:18 发布
转载 最新推荐文章于 2025-01-12 10:01:18 发布 · 2.9k 阅读 · 0
文章标签：

#html

本文介绍了一种简单的方法来为HTML中的select元素添加只读属性。由于标准HTML中select元素不支持readonly属性，本文提供了一个实用技巧来实现类似的功能。

原文地址：http://blog.youkuaiyun.com/unicode/archive/2011/03/18/6258379.aspx 刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： view plaincopy to clipboardprint?01.

  • 02.
  • 03.
  • 04.
  • 05.
  • 06.
  • 07. 本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/unicode/archive/2011/03/18/6258379.aspx

    • HTML中Select不用Disabled实现ReadOnly的效果
    12-10
    方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”>   <option>1</option>  </select>
    设置disabled属性后台读不到数据如何让select支持readonly
    09-28
    然而，对于`<select>`、`<input type="checkbox">`和`<input type="radio">`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...
    html中select只读显示
    Tyan520的专栏
    11-04 961
          因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的。现提供以下几种解决方案：         1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容，fireFox及其他不兼容..   &lt;span onmousemove="this.se...
    HTML中的select只读
    weixin_34258782的博客
    01-11 203
    因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的。现提供以下几种解决方案： 1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容，fireFox及其他不兼容.. <span onmousemove="this.setCap...
    浅谈html中input只读属性readonly和disable的区别
    09-28
    HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。 首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...
    如何设置Select下拉框的ReadOnly属性
    06-08
    要设置Select下拉框的ReadOnly属性，可以将其disabled属性设置为true，同时添加一个带有样式的容器元素来模拟Select下拉框的外观。代码示例如下： ```html <div class="select-container"> <select disabled> ...
    HTML控件select, 是readOnly设置
    猎人在吃肉
    07-18 1123
    大家知道, 对于HTML控件select, 是沒有readOnly属性的, 所以设置它并不起作用,但是可以用如下设置:   aa bb cc dd
    html select模拟readonly
    暗淡亮点的博客
    11-10 440
    select不支持readonly，只能用其他办法去模拟readonly了，效果就是点击select选择元素，然后自动变回默认的。 test1 test2 test3 selected="selected">test4 test5
    HTML form readonly SELECT tag/input
    最新发布
    suiusoar
    01-12 381
    HTML表单只读SELECT标签/输入框
    html下拉框只读,html中select readonly/disabled问题的解决方案
    weixin_39711441的博客
    06-04 3761
    在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...
    让html select支持readonly属性(转)
    qingfengxia2013的专栏
    08-28 232
    刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： &lt;select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=thi...
    select标签设置readonly状态
    热门推荐
    little__stars的博客
    05-13 1万+
    1.在html中，select标签里面没有readOnly这一属性，只有disabled 2.把select标签里面的设置为只读，只需要在标签里面加入： onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...
    select 下拉框不可选
    csdn565973850的博客
    06-17 2436
    select下拉框设置不可选
    html select 禁止修改,input和select设置为不可修改及取消不可修改
    weixin_39854867的博客
    06-03 5755
    input和select设置为不可修改及取消不可修改。1、当需设置input和select显示为只读(不可修改)时，两者有不同的设置方法。1)input可设置为只读，在其中增加属性readonly=“readonly”;2)select没有readonly这个属性，不过可以通过disabled=“disabled”进行设置;3)其中input设置为只读时，仍可提交，而select设置为不可用时，则...
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明：

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

    余额充值