【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita
概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例：姓名、電話番号、郵便番号など 必須項目は、「＊」ではなく「必須」と表示する ラベルやヒント（○文字以上必要です）をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは
【checkbox label】出来るだけ押しやすいチェックボックスを作る - リスティング広告運用代行｜カルテットコミュニケーションズ
今回は、checkbox labelの作り方についての紹介です。 簡潔にご紹介していくので、サクッと答えを求めている方は参考にしてください！ checkbox labelの作り方 HTMLで普通にチェックボックスを作ると、こんなふうになると思います。 <input type="checkbox" />チェックしてください チェックしてください しかしこれだと、チェックボックスの小さな□の部分だけしかクリックできなくて、非常に押しづらいです。そこで、チェックボックスを押しやすくするために、<label>というタグを使います。 <input type="checkbox" id="sample_checkbox" /> <label for="sample_checkbox">チェックしてください</label> チェックしてください <label>タグを使って「チェックしてください」というテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
