お知らせ
現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。
iOS Safariでのinputの実装注意点
- 投稿日：
maxlength
- iOS Safariでは効かない
onInput()でstring.slice(0, maxlength)するとIMEの挙動が可笑しくなるtype="tel"など日本語が入力できない場合であれば有効
- オートコンプリートやコピペ入力での字切れなどもあるため、根本的に使わないことが望ましい
type="number"
- iOS Safariでは期待した動作にはならない
- IMEが有効になり、全角入力が発生する
- 使うなら
type="tel"を使い、JSで数字以外の入力を弾くのが無難 - 恐らく普及ブラウザの全てで半角入力を強制出来、スマホなどではNumPadが出てくる
- アルファベットやハイフンなどの記号も打てるので必要に応じた入力制御が必要