Cómo deshabilitar todas las entradas de cuadros de texto y la selección de cuadros desplegables en el formulario, el efecto es el modo de solo lectura

El primer paso:
(1) Agregar una etiqueta <fieldset> fuera del formulario

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

El segundo paso:
(2) Cuando necesito deshabilitarlo, configúrelo deshabilitado para <fieldset>

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

En este momento, la entrada se ha convertido en modo de solo lectura, pero aún se puede hacer clic en el cuadro desplegable

Paso 3:
(3) Agregar estilos al estilo

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

En este momento, he logrado el efecto que quiero, ¡y espero que tú también puedas!

Supongo que te gusta

Origin blog.csdn.net/weixin_47336389/article/details/122201095
Recomendado
Clasificación