HTML |

自动完成属性

在HTML中，

自动完成属性

下面是标签自动完成的几个属性：

• autocomplete: 表示是否启用表单元素的自动完成功能。如果设置为"off"，则禁止自动完成。如果设置为"on"或未设置，则启用自动完成（默认）。

• disabled: 表示是否禁用这个逻辑单元及其包装的表单元素。如果设置为"disabled"，则禁用。如果未设置，则启用（默认）。

• form: 表示这个逻辑单元所属的表单元素。可以通过设置这个属性，将多个逻辑单元分组，便于在JavaScript中处理。

• name: 表示这个逻辑单元的名称。使用表单时，这个名称可以用来将逻辑单元的值提交给服务器。

代码示例

<form>
  <fieldset autocomplete="on" disabled>
    <legend>个人信息</legend>
    <label>姓名：<input type="text" name="name"></label>
    <br>
    <label>密码：<input type="password" name="password"></label>
  </fieldset>
  <fieldset>
    <legend>联系方式</legend>
    <label>邮箱：<input type="email" name="email"></label>
    <br>
    <label>手机号：<input type="tel" name="phone"></label>
    <br>
    <label>地址：<input type="text" name="address"></label>
  </fieldset>
  <button type="submit">提交</button>
</form>

以上代码中，我们创建了一个表单，其中包含了两个逻辑单元：个人信息和联系方式。在个人信息的逻辑单元中，我们设置了自动完成和禁用属性，而在联系方式的逻辑单元中，我们没有设置这些属性。这样，用户在填写表单时，就有了自动完成和禁用的效果。