フォームを使いやすく改善

いつ使う？

フォームの離脱率を下げたい時

コピペ用 指示文

このフォームを「迷わず完了できる」ように改善してください。

【適用するルール】
- 必須項目は * で明示
- インラインバリデーション（onBlur時にエラー表示）
- リアルタイム文字数カウント（最大文字数があるフィールド）
- 数値は自動カンマ区切り表示
- 日付は必ずカレンダーピッカー（手打ち禁止）
- メールアドレスは @ 入った瞬間にドメイン候補表示
- 入力中は自動保存（localStorage、1秒debounce）
- 送信ボタンは入力完了するまで disabled
- 送信成功時のトースト + 次のアクション提示

【避けること】
- いきなり全項目エラー表示
- リロードでデータ消失
- 必須項目の見落とし誘発

タグ

#フォーム / #UX / #改善