在网页设计中，有时候需要在表单中添加一些按钮来实现一些操作，比如提交表单、清除表单或者其他自定义操作。而有时候，我们可能需要实现按钮禁用的效果，比如在表单提交时，防止用户多次点击对服务器造成压力。 那么，如何实现按钮禁用的效果呢？首先，我们需要了解CSS中设置按钮禁用的方法。 CSS中设置按钮禁用，需要使用“disabled”属性。该属性可以为HTML中的任意表单控件设置禁用状态。 以下是一个简单的HTML代码示例：

<code>
<p>
<label for="username">用户名</label>
<input type="text" id="username" name="username" required>
</p>
<p>
<label for="password">密码</label>
<input type="password" id="password" name="password" required>
</p>
<p>
<button id="submit" type="submit">提交</button>
<button id="reset" type="reset">清除</button>
</p>
</code>

上述示例代码中，我们定义了两个提交按钮和一个清除按钮。 在JS代码中，我们可以使用setAttribute()方法来设置按钮禁用。以下是一个示例代码：

<code>
var submitBtn = document.getElementById("submit");
var resetBtn = document.getElementById("reset");
submitBtn.setAttribute("disabled", true);
resetBtn.setAttribute("disabled", true);
</code>

上述代码中，我们首先通过按钮id获取到按钮元素，然后使用setAttribute()方法将“disabled”属性设置为true，从而实现按钮禁用的效果。在需要启用按钮时，可以使用removeAttribute()方法将“disabled”属性移除即可。 综上所述，CSS中可以使用“disabled”属性来设置按钮禁用。在JS中，可以使用setAttribute()和removeAttribute()方法来设置和取消按钮禁用。这样就可以轻松实现按钮禁用的效果。