JS-一些标签的禁用等属性

标签的一些属性

    readonly 只读属性  禁止使用标签,不能操作,但是可以传参
                        只能看,不能改,可以传参

    disabled 禁用属性  禁止使用标签,不能操作,也不能传参
                        你就当没有这个标签

    multiple 多选属性  file,select,可以按ctrl进行多选

    都是 布尔属性  在JavaScript中,与checked一样,通过true,false来定义

button按钮,也支持禁用属性,添加 disabled 属性,button按钮没有执行效果




<input type="text" readonly>
<input type="text" disabled>

<input type="file" multiple>

<button disabled>点击</button>

<script>
    var oBtn = document.querySelector('button');
    // 通过定义 true,false ,来设定,是否执行禁用效果
    oBtn.disabled = true;   // 执行禁用效果,无法操作
    oBtn.disabled = false;  // 不执行禁用效果,正常使用

    oBtn.onclick = function(){
        console.log(123);
    }