ウェブサイトのフォームで色々入力する際、「日付入力」でイラッとすることありませんか？
UXの世界で有名なニールセン・ノーマン・グループが、先日「日付入力フォームのガイドライン」を掲載していました（記事URLは末尾に）。
そこで、このガイドラインに沿ったフォーム作成が弊社の MT用フォーム作成プラグインA-Form でできるか？ をチェックしてみました。以下4つのポイントについてです。
まずは1年以内の日付を選択するような項目でカレンダーピッカーを使う、という判断が大切ですね。
そして、A-Formには「カレンダー」パーツがあり、このパーツでは初期値を「本日」などに設定できるので、入力しやすくできますね。
これに従うなら、A-Formでは日付入力は「テキスト」パーツ一つにすべきでしょう。
「テキスト」パーツや「ドロップダウンリスト」パーツを3つ組み合わせてCSSで横並びにすれば年／月／日が分割された入力欄を作ることができますが、無理にそうしない方がいいでしょう。
受け付ける書式を狭めるとは、「9月」を入力する際に「09」はいいが「9」はダメとしたり、「2017/12/31」はいいが「2017-12-31」はエラーとするなどを意味します。
「テキスト」パーツで入力欄を作り、「半角英数記号のみ」のバリデーションを無効にしておく（チェックを外しておく）ことで実現できますね。
「カレンダー」パーツで、選択可能範囲や選択除外日をきちんと設定しておけばいいですね。
というわけで、これらのポイントについてA-Formで作成するフォームはクリアできそうです。
ユーザーをイライラさせないフォームはサイト構築の基本ですので、ぜひ気をつけてみてください。