CodeIgniterのFormヘルパーではfomr_button()を使おう

クールなお問い合せフォームをコーディングするための9つのTips | 株式会社LIG -
この記事は私の隣の席の彼の記事ですが、<input type='submit'>じゃなくてbuttonタグを利用しよう!と言っています。

理由は

• buttonでもtype='submit'が使える
• 閉じタグがある

ことです。

なるほどと思ってあんまり自分には関係無い話かと思っていたのですが、
先日CodeIgniterでformヘルパーを使っていて、諸事情でform_submit()が使えなくなったときにform_buttom()で代用出来ました。

##form_submit()時代
今まではform_submitを使ってこんな感じで書いてました。

echo form_submit([
	'class' => 'hogehoge',
    'value' => 'ログイン'
]);

↑の記事の彼とコードを書いていたのですが、彼曰く、こんな感じで

submitボタンにデザインをあてたい時はbuttonタグの中にiタグなどでアイコンを入れる実装もそこそこ多いそうです。

submit.html

<button type="submit" class="hogehoge">
  <span>
   <i class="icon"></i>
　　ログイン
　</span>
</button>

こういうときにform_submit()だと閉じタグが無いので入れ子構造は使えません。

##form_button()があった。
と思ってたら
Form Helper : CodeIgniter User Guide -

form_button()がありました。

ということで、こんな感じで記述できました。

$data = array(
    'type' => 'submit',
    'class' => 'hogehoge',
    'content' => '<span><i class="icon"></i>ログイン</span>'
);
echo form_button($data);

これで↑のsubmitボタンをデザイン通りに実装できました。
めでたし。