表单禁用多种操作示例

翔宇 2017-03-12 09:54

Bootstrap中表单元素的禁用和普通HTML元素禁用一样，使用disabled="disabled"。如果使用了disabled，则该元素将不能单击。Bootstrap的禁用在样式上做了一定的处理。例如下面的代码，txtUserName输入框设置了禁用。

部分代码

代码运行效果如下

整体篇幅效果图

Bootstrap禁用同样适用于select、radio、checkbox、button，实例代码如下：

源代码

如果表单元素被包含在fieldset中，且fieldset被禁用，则里面的所有表单元素将被全部禁用，代码如下所示。这里要说明的是，fieldset并不是所有的浏览器都支持得很好，所以不太建议这样使用。