如何让按钮变为不可用状态
在编写web应用程序时，通常需要禁用某些按钮，以避免用户在不必要的时候继续触发该按钮。HTML提供了两个属性可以达到这个目的：disabled和readonly属性。本文将介绍如何使用这些属性来禁用按钮。
使用disabled属性
disabled属性通常用于<input type="button">、<input type="submit">和<button>元素上，它可以使这些元素禁用并使其变为不可点击状态。 在将disabled属性应用到这些元素之前，请确保将该属性设置为true。
<button id="myBtn" onclick=myFunction()" disabled>Click Me</button>
在上面的代码中，我们仅仅添加了disabled属性，并将该属性的值设置为true。这样在页面加载时，myBtn按钮就会变为灰色，且不可点击。
使用readonly属性
readonly属性通常用于<input type="text">和<textarea>元素上，它也可以禁用这些元素并使其变为只读状态。使用readonly属性的好处是用户可以看到该元素，但不能更改它的值。
<input type="text" name="fname" value="John" readonly>
在上面的代码中，我们将readonly属性应用到输入框内，这会使该输入框变为灰色，并且不可编辑。 注意，disabled属性和readonly属性虽然可以同时应用于同一元素，但是它们之间有一些微妙的差异。
disabled属性和readonly属性的差异
当禁用一个元素时，它的值并不会在表单中提交给服务器。但是对于只读元素，其值将包含在表单中，并且可以被提交和处理。此外，只读属性可用于在已存在值的情况下，防止用户更改该元素的值。考虑下面这个例子：
<input type="text" name="firstName" value="John" readonly>
<input type="text" name="lastName" value="Doe" disabled>
在上面的代码中，只有firstName输类型可被提交给服务器。lastName输入框虽然禁用，但是它的值仍然不能在表单中提交。