如何禁用表单中所有的文本框input 以及下拉框select 效果是只读模式

第一步:
(1) 在form表单外面加一个标签< fieldset>

<fieldset style="border: none;">
    <form>内容...</form>
</fieldset>
那什么是fieldest 呢 我不知道 我简单查了一下,大概就是
< fieldset > 标签将表单内容的一部分打包,生成一组相关表单的字段。

第二步:
(2) 当我需要禁用的时候,就给 < fieldset >设置 disabled

 //禁用掉from表单的内容
 $("fieldset").attr("disabled", "disabled");

此时的input都变成了只读模式 但是呢下拉框还是可以点击的

第三步:
(3) 在style 里面 给添加样式

/*当用fieldset标签 禁用的时候 用css配合一下*/
    fieldset[disabled] {
    
    
        -ms-pointer-events:none;
        pointer-events: none;
    }

这个时候 我已经实现了我想要的效果了,希望你们也可以 !

猜你喜欢

转载自blog.csdn.net/weixin_47336389/article/details/122201095