はじめに
autocompleteの備忘録です💁
初心者です😅
間違えてる部分多々あると思います。
もし見つけた場合、ツッコミいただけると助かります🙇
内容
ポートフォリオサイトを作成した際にお問い合わせサイトを作成した。
お問い合わせに必ず、「name」「Email」「comment」を作成する。
それぞれに属性があり設定する。
その際にautocompleteがあり、入力を補助してくれる。
タイピングの労力を減らすために広く使用されている。
Contact.js
<div className="nameInput">
<input
name="name"
autoComplete="name" // この属性を指定してる。
value={user.name}
onChange={handleUser}
type="text"
placeholder="name"
/>
{errors.name && <p className="name-error-message">{errors.name}</p>}
</div>
よく使いそうな属性
email メールアドレス。
username ユーザー名またはアカウント名。
new-password 新しいパスワード。
current-password ユーザーの現在のパスワードです。
postal-code 郵便番号です
cc-number クレジットカードや口座番号など番号です。
bday 生年月日の全体です。
sex 性別です。
tel 国番号を含む、完全な電話番号です。
url URL です。
注意点⚠️
- 各種の細かいカテゴリも存在する。
押さえておくべき点🧠
- ユーザーに合わせて設定してあげることで入力の手間を省ける。