useValidAutocomplete

诊断类别：lint/nursery/useValidAutocomplete

¥Diagnostic Category: lint/nursery/useValidAutocomplete

JavaScript (and super languages)

自从：v1.9.0

¥Since: v1.9.0

来源：

¥Sources:

与以下相同：jsx-a11y/autocomplete-valid

¥Same as: jsx-a11y/autocomplete-valid

对 input 元素上的 autocomplete 属性使用有效值。

¥Use valid values for the autocomplete attribute on input elements.

HTML 自动补齐属性仅接受特定的预定义值。与 type 属性相比，这允许更详细的目的定义。使用这些预定义值，用户代理和辅助技术可以以不同的方式向用户呈现输入目的。

¥The HTML autocomplete attribute only accepts specific predefined values. This allows for more detailed purpose definitions compared to the type attribute. Using these predefined values, user agents and assistive technologies can present input purposes to users in different ways.

示例

¥Examples

无效

¥Invalid

<input type="text" autocomplete="incorrect" />

code-block.jsx:1:20 lint/nursery/useValidAutocomplete ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ Use valid values for the autocomplete attribute.
  
  > 1 │ <input type=“text” autocomplete=“incorrect” />
      │                    ^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ The autocomplete attribute only accepts a certain number of specific fixed values.
  
  ℹ Follow the links for more information,
    WCAG 1.3.5
    HTML Living Standard autofill
    HTML attribute: autocomplete - HTML: HyperText Markup Language | MDN

有效

¥Valid

<>
  <input type="text" autocomplete="name" />
  <MyInput autocomplete="incorrect" />
</>

选项

¥Options

{
    "//": "...",
    "options": {
        "inputComponents": ["MyInput"]
    }
}

可访问性指南

¥Accessibility guidelines

WCAG 1.3.5

资源

¥Resources

useValidAutocomplete

示例

无效

有效

选项

可访问性指南

资源

相关链接