iOS Safariでのinputの実装注意点

maxlength

• iOS Safariでは効かない
• onInput()でstring.slice(0, maxlength)するとIMEの挙動が可笑しくなる
  • type="tel"など日本語が入力できない場合であれば有効
• オートコンプリートやコピペ入力での字切れなどもあるため、根本的に使わないことが望ましい

type="number"

• iOS Safariでは期待した動作にはならない
  • IMEが有効になり、全角入力が発生する
• 使うならtype="tel"を使い、JSで数字以外の入力を弾くのが無難
• 恐らく普及ブラウザの全てで半角入力を強制出来、スマホなどではNumPadが出てくる
  • アルファベットやハイフンなどの記号も打てるので必要に応じた入力制御が必要