Question

我遇到一条文字，表示禁用字段内的数据不会随表单一起提交。所以我不明白为什么我们甚至需要在编写代码时使用禁用字段。请解释使用禁用字段不可避免的情况。

Answer 1

HTML表单中disabled的字段无法使用，无法点击且无法提交数据。

关于这样一个字段的观点是在该字段不再是disabled之前必须发生其他事情 - 然后它就变成了普通的HTML表单字段。

<强>例如

＆＃13;

var otherReasonRadio = document.querySelector('input[value="reason-other"]');
var otherReasonInput = document.querySelector('input[name="other-reason"]');

function enableOtherReasonInput() {
otherReasonInput.removeAttribute('disabled');
}

otherReasonRadio.addEventListener('change',enableOtherReasonInput,false);

＆＃13;

label {
display: block;
}

＆＃13;

<form>
<label><input type="radio" name="reason" value="reason-a" />Reason A</label>
<label><input type="radio" name="reason" value="reason-b" />Reason B</label>
<label><input type="radio" name="reason" value="reason-other" />Other Reason</label>

<p><label>Please State Other Reason: <input type="text" name="other-reason" disabled></label></p>
</form>

＆＃13;

Answer 2

我们说user name，username，email和type。现在我们需要一个单独的html表单来编辑现有用户和添加新用户。在编辑时，我们不希望修改用户的email。因此，我们可以在您编辑user时禁用此字段。因为，我们实际上不希望将它提交给服务器或任何其他表单处理器。另一方面，在添加用户时，我们需要添加email字段。因此，在添加时，我们不应禁用email字段。这只是我们需要禁用字段的一个例子。相同的表单，但在修改时，不会提交email，而会提交email。

Answer 3

您希望显示该字段但不希望沿其余表单字段提交的条件

在HTML中使用禁用字段

3 个答案: