Question

我的表单很复杂，其中包含许多<input>元素，其中的大多数元素都需要有条件地禁用（通过AngularJS可以精确地说，但是这个问题主要针对HTML方面）。

为了避免必须在每个元素上设置disabled属性，我将输入放置在<fieldset>中，并一次设置了disabled属性。这会禁用所有包含的输入字段。

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Fieldsets</title>
</head>

<body>
  <form>
    <fieldset disabled="true">

      <input type="text" placeholder="first">
      <input type="text" placeholder="second">

      <!-- many, many more -->

      <!-- trying to override here -->
      <input type="text" placeholder="last" disabled="false">

    </fieldset>
  </form>
</body>

</html>

现在，即使周围的<fieldset>被禁用，我也需要做一些例外，并保持一些输入启用。我尝试通过设置disabled="false"覆盖该属性，但这不起作用。

是否有任何优雅的方法来覆盖disabled属性？

替代字段集已禁用属性

0 个答案: