読者です 読者をやめる 読者になる 読者になる

HTML5を意識したView Helperを使おう

date_selectメソッドとかではダメで、date_fieldでないとtype="date"がついてくれないことに気づいた。

HTML5から、type="date"が追加されて、ブラウザによって対応は違うものの、このtypeを付随させることのメリットは大きい。

http://dev.classmethod.jp/ria/html5/mobile-html5-form/

例えば、スマフォで日付を入力するときに、date pickerが自動的に選ばれる、とか。

xxxx_fieldなら、HTML5対応の<input>を吐き出してくれるので、できればそれを使うように意識することが重要。

例えば、

  • color_field...色選択ボックス
  • datetime_field...日付時刻入力ボックス
  • email_field...emailアドレス入力ボックス
  • range_field...スライダー
  • telephone_field...電話番号入力ボックス
  • url_field...URL入力ボックス

なんてところは、標準のtext_fieldにしてしまうとめんどくさいことになるものが多く、まだ対応してないところも多いような感じはする。

すでにHTML5メジャーなブラウザなら対応しているので、できるだけこちらを使うようにしよう。