input——disabled属性

作者: ALOLONGHUN | 来源:发表于2017-10-08 21:40 被阅读19次

disabled属性对form表单向后台传值的影响
input——disabled属性
input不可输入，input禁止软件盘弹出
input表中的required、readonly、disabl
$(“#formId“). serialize()后台获取不到表
disabled 在iOS下颜色变浅问题的兼容
EditText
将input标签设置为不可编辑状态的三种方法
input属性：disabled和readonly
document.execCommand实现复制文本的功能

前些天在写一个验票的H5页面，其中包含一个获取验证码的按钮，场景是这样的，按下按钮之后开始倒计时60s，之后恢复到原来的获取验证码内容，功能挺简单的，但是需要在倒计时的时候禁用按钮，因此只需要加入以下代码就可以了：

// 使用的是vue，btnDisabled为true时，禁用按钮
<input type="button" class="myBtn" :disabled="btnDisabled" />

在chrome上测试没有异常，如下图所示：

chrome

但是在真机上却变成了这样，如下图：

移动端

细心的旁友可能发现了，是opacity的锅，google一下也是这个原因，好啦，那么设置一下disabled状态下的按钮的opacity属性就好啦，像这样：

// CSS
.myBtn[disabled] {
    opacity: 1;
}

disabled属性对form表单向后台传值的影响
在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性...
input——disabled属性
前些天在写一个验票的H5页面，其中包含一个获取验证码的按钮，场景是这样的，按下按钮之后开始倒计时60s，之后恢复到...
input不可输入，input禁止软件盘弹出
一：input不可输入A:disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编...
input表中的required、readonly、disabl
input中的 required、readonly、disabled等属性是boolean属性[参考]，缺省(不写...
$(“#formId“). serialize()后台获取不到表
当属性设置为"disabled"时，提交表单时，select、input的值无法传递，提交前移除disabled属...
disabled 在iOS下颜色变浅问题的兼容
input:disabled, input[disabled]{color: red;-webkit-text-f...
EditText
不可编辑状态：可编辑状态：将input不可编译的三种方法一：disabled disabled 属性规定应该...
将input标签设置为不可编辑状态的三种方法
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不...
input属性：disabled和readonly
readonly属性：防止用户修改，只读，tab键可切换disabled属性：只读，但form表单提交时不能获取到...
document.execCommand实现复制文本的功能
不能复制成功的原因： 1、input框不能有disabled属性；2、根据第一条扩展，input的width ||...