HTML | DOM 输入提交禁用属性

HTML表单通常包含一个提交按钮，用于提交表单数据到服务器进行处理。但是，在某些情况下，您可能希望禁用提交按钮，以避免用户意外提交表单或防止表单被恶意提交。

在HTML中，您可以使用disabled属性来禁用提交按钮。例如，以下代码创建了一个禁用的提交按钮：

<form>
  <input type="submit" value="Submit" disabled>
</form>

在上面的代码中，我们在提交按钮上添加了disabled属性，这将使提交按钮处于禁用状态，即无法点击或提交。

在DOM中，您可以使用JavaScript来动态设置disabled属性。例如，以下代码使用JavaScript禁用了ID为submitBtn的提交按钮：

var submitBtn = document.getElementById("submitBtn");
submitBtn.disabled = true;

在上面的代码中，我们通过document.getElementById方法获取了ID为submitBtn的DOM元素，并将其disabled属性设置为true，从而禁用了提交按钮。

您还可以使用jQuery来禁用提交按钮。例如，以下代码使用jQuery禁用了ID为submitBtn的提交按钮：

$("#submitBtn").prop("disabled", true);

在上面的代码中，我们使用了prop方法来设置提交按钮的disabled属性为true，从而禁用了提交按钮。

总之，在HTML和DOM中禁用提交按钮非常简单，只需设置disabled属性即可。这是一项非常有用的技术，可以帮助保护您的网站免受恶意提交和不良用户的攻击。