ふぉーむがいど
0.1
オープンソースのフォーム実装ガイド
🔰 はじめに
名前
2023年09月27日
更新
姓名で分割しない
出典
最大 60 文字
出典
プレビュー
HTML
Zod
名前
編集
コメント
メールアドレス
2023年09月27日
更新
入力欄を@で分割しない
ひらがなのアドレスを許容する
確認用に 2 回入力させない
プレビュー
HTML
Zod
メールアドレス
編集
コメント
電話番号
2023年09月27日
更新
入力欄を分割しない
出典
ハイフンや括弧を許容し、送信時に除去する
プレビュー
HTML
Zod
電話番号
編集
コメント
住所
2023年09月27日
更新
郵便番号は分割せず、ハイフン有無に両対応する
出典
住所入力欄を分割しない
出典
国内向けの場合郵便番号検索で入力を簡素化する
出典
国際サービスの場合郵便番号検索は外すことを検討
出典
クロスブラウザでの完全な自動入力はSafariとChromeで仕様が異なるため厳しい
出典
プレビュー
HTML
Zod
郵便番号
都道府県
住所
編集
コメント
パスワード
2023年09月27日
更新
入力は 1 回だけ要求する
出典
可視不可視の切り替えボタンをつける
出典
パスワード作成時は autocomplete="new-password" を使い、ログイン時は autocomplete="current-password"を使用する
出典
ブラウザのパスワードジェネレータは
<input />
タグの minlength と maxlength に従う
出典
利用可能な文字、記号を明記する
ハッカーの助けになるので秘密の質問は使わない
パスワードジェネレータが使えるようにペーストをブロックしない
定期的なパスワード変更を強制せずそもそもパスワードの強度を高める仕様にする
プレビュー
HTML
Zod
パスワード
大文字を含む半角英数字と記号を含む8文字以上
編集
コメント