如何使用Fieldset元素批量禁用input

2025-05-31 09:08:15

1、首先需要构建html文档,注意charset是utf8的格式,如下图所示

如何使用Fieldset元素批量禁用input

2、接下来我们准备三个input元素,他们的type类型都是text,如下图所示

如何使用Fieldset元素批量禁用input

3、如果我们想对三个input都禁止的话,会分别在每个标签上添加disabled元素,如下图所示

如何使用Fieldset元素批量禁用input

4、接下来我们还可以通过fieldset将三个input包裹一下,如下图所示

如何使用Fieldset元素批量禁用input

5、然后直接在fieldset里面添加disabled即可,如下图所示

如何使用Fieldset元素批量禁用input

6、最后运行程序,我们可以看到三个input也同时都被禁用掉了,如下图所示

如何使用Fieldset元素批量禁用input

7、综上所述,页面中对input元素进行批量禁用的话可以通过分组的形式快速实现,避免了一个个的添加

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢