メモログ

⛰ 塵が積もって山とならないメモのログ 👄

autocomplete属性の値がinvalidになるケース

autocomplete属性の値にはcontrol groupという仕様があり、control groupに属していないフィールドで値を利用すると、HTML validatorでinvalidとして扱われる。

詳細は4.10.18.7.1 Autofilling form controls: the autocomplete attributeの下の方に表になっている。type="text"はほとんどのcontrol groupに所属していて、ほぼすべての値を扱える。例外はMultiline(複数行)のcontrol groupで、(複数行の住所を扱う)street-addressはtype="hidden"なinput要素かtextarea、select要素でしか利用できない。type="text"で利用する場合はサブセットであるaddress-line1の方を使う。

type="text"以外のinput要素は利用できない値が多い。たとえばtype="tel"はTelのcontrol groupにのみ所属していて、autocomplete属性ではtelの値しか利用できない。国番号を除いた国内の電話番号を自動入力させたい場合はtel-nationalの方が適切な値ではあるのだけど、tel-nationalのcontrol groupはTextなのでtype="tel"ではinvalidになる。