html怎么使按钮不可用

137 阅读 0 评论 91 点赞

我是靠谱客的博主个性彩虹，这篇文章主要介绍html怎么使按钮不可用，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在html中，可以通过给input或者button标签设置disabled属性来禁用按钮元素，进而使按钮不可用。

input或者button标签的disabled属性

disabled 属性规定禁用按钮。

被禁用的按钮既不可用，也不可点击。

可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使文本区变为可用状态。

语法：

复制代码<input disabled="disabled" />
<button  disabled="value"></button>1
2
<input disabled="disabled" />
<button  disabled="value"></button>
登录后复制

示例：

复制代码<html>
<body>
<input type="button" value="Button" disabled="disabled" />
<button type="button" disabled="disabled">Click Me!</button>

</body>
</html>1
2
3
4
5
6
7
<html>
<body>
<input type="button" value="Button" disabled="disabled" />
<button type="button" disabled="disabled">Click Me!</button>

</body>
</html>
登录后复制