【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita

概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例：姓名、電話番号、郵便番号など 必須項目は、「＊」ではなく「必須」と表示する ラベルやヒント（○文字以上必要です）をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは

[toksato]

これは助かる

[soul_soul_Q]

すばらしいまとめ。[web制作][フォーム]

[wadandandadan]

【Tips】ただただフォーム最適化をまとめたチートシート的なもの

[d_log8]

【Tips】ただただフォーム最適化をまとめたチートシート的なもの Tags: facebook, ifttt from Pocket February 07, 2017 at 10:47AM via IFTTT

[chintaro3]

「ハイフンの有無はどちらでも入力可」も追加してほしい

[itouhiro]

HTML FORM 名 住所等

[sumithsonian]

便利。フォーム系は基礎的な事でも意外と忘れがちなんで。

[miyashitank]

最高