如何禁用 HTML 表单中的提交按钮？答案

【问题标题】：How can I disable a submit button in an HTML form?如何禁用 HTML 表单中的提交按钮？
【发布时间】：2014-12-05 16:31:57
【问题描述】：

我有一个用户可以联系我的表单，但它目前已损坏。我想知道是否有办法暂时禁用提交按钮，但仍将其显示在屏幕上。我如何做到这一点？

<form method="post" action="#">
    <div class="row 50%">
        <div class="6u"><input type="text" name="name" placeholder="Name" /></div>
        <div class="6u"><input type="email" name="email" placeholder="Email" /></div>
    </div>
    <div class="row 50%">
        <div class="12u"><textarea name="message" placeholder="Message" rows="6"></textarea></div>
    </div>
    <div class="row">
        <div class="12u">
            <ul class="actions">
                <li><input type="submit" value="Send Message" /></li>
                    <li><input type="Reset" value="Clear" /></li>
            </ul>
        </div>
    </div>
</form>

【问题讨论】：

<input type="submit" value="Send Message" disabled>
@APAD1 这么简单？我无法在任何地方的谷歌上找到答案...
是的，是that simple
您不能设置禁用按钮的样式并使用 css。
@user3760661 是的，你可以。 input:disabled {}

标签： html forms submit-button

【解决方案1】：

<input type="submit" value="Send Message" disabled>

感谢 APAD1

【讨论】：

小注，对于跨浏览器（后备）支持使用<input type="submit" value="Send Message" disabled="disabled">