input要素にautocomplateについて
input要素にautocomplateを設定することでフォームでの入力を自動入力に
変えてくれる
設定できる項目は
name
: 姓名family-name
: 姓given-name
: 名email
: メールアドレスpostal-code
: 郵便番号address-level1
: 都道府県address-level2
: 市区町村address-line1
: 番地・マンション名(1行目)address-line2
: 番地・マンション名(2行目)organization
: 会社名off
: 自動入力を無効にする
⚫️typeで"email"と設定すればiosの場合USキーボードが起動し、[Space]の横に@
や.
のボタンが表示される。
※iOS(アイオーエス)とは、iPhoneやiPadなどのApple製品に搭載されているOSである。
OSはオペレーティングシステム(英: Operating System、略称:OS、オーエス)とは、コンピュータのオペレーション(操作・運用・運転)を司るシステムソフトウェアである。
⚫️type="tel"
と指定すると、テンキーのキーボードが起動します。
⚫️iOSでは英字入力の場合に、先頭の文字を自動的に大文字にする機能(Auto Capitalize)
アルファベットのスペルミスを正してくれる機能(Auto Correct)が動作します
<input name="username" type="text" autocomplete="username" autocorrect="off" autocapitalize="off">