みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

日付を選択するボックスが年、月、日と分かれていた場合、 無効な日付を選択することができてしまいます。（2月31日など） Javascriptを利用して選択できないようにする方法を紹介します。 今回は無効な日付を選択した場合は、選択したボックスを空にしています。 応用すればアラートを出す、またはエラーテキストを表示するなどができると思います。 処理の流れは選択した値を変数「y、m、d」に入れ、すべて選択されていたらDate()に選択値を入れる。 Date()で取得した日付をdsに入れ、年、月、日を取得する ※getFullYear()、getMonth()、getDate() 選択値とDate()で取得した値（ds）を比較して、一致していなければ選択したselectのvalueを空にする。 ※4月31日は5月1日になって返ってくるので、存在しないことが判定できます。 function dat