※社内専用

【コーダー情報共有】フォームのdate属性について

  • HOME
  • EPRESS-BS
  • 【コーダー情報共有】フォームのdate属性について
各位
お疲れ様です。
ディレクション側へも共有しましたが、
フォーム制作にて、date属性を使用する際は注意してください。
例: <input type=”date” name=”order_date”>
この属性、カレンダーが出るのはChromeだけです(あとOpera?)
IEやFirefoxにて、カレンダーがなければどうなるのかというと、
見かけ上はただのテキストボックスになります。
ここに大きな落とし穴があります。
カレンダーはでなくても、
日付形式のバリデーションは機能し続けるという仕様のため
入力形式に沿った内容でないと送信の際に弾かれる
ことになります。
こんな感じ
—————————————-
◇不可
20170211
2017/02/11
◇これはOK
2017-02-11
—————————————-
入力例のようなものが明示されていないとお客さんは気が付けないので
フォームが遅れない!という問い合わせが来ることもあるそうです。
原因調査をchromeにて行っていると普通に送信できてしまうため
解明は困難を極めます。
dateを非推奨としたいところですが、
ルールが曖昧になるくらいなら決めちゃったほうがいいと思うので
日付入力系の依頼があったとしても今後は
type=”text”
にて制作するようにしてください。
以上です。
よろしくお願いします。