ひとつでも多くサイト制作でラクをするためのメモPLUSTRiCKTOPcodingHTML5からの追加要素placeholderを利用して入力フォームに入力補助を設定しようHTML5からの追加要素placeholderを利用して入力フォームに入力補助を設定しようHTML5から新しく追加された属性のひとつであるplaceholder。placeholderはinputやtextareaで表示される入力フォームの空白部分に、あらかじめ文字を入力しておくことで、ユーザの入力補助として使用されます。placeholderによってあらかじめ設定した文字は、実際に入力フォームに文字が入力されると消えます。文字が未入力のときにplaceholderで設定した文字がフォームから送られることはありません。placeholderは以下の属性で使用可能です。typetext,search,tel,url,email,passwordtextarea表示指定なし使い方は各属性の中にplaceholderを入れてあげるだけなので簡単です。placeholder="300文字以内"></textarea>サンプルページを表示placeholderはFirefoxとChromeには対応していますが、IEが10以上の対応なので使用には注意が必要です。plugin「ah-placeholder.js」を使うことでIE9以下でも対応可能になります。ah-placeholder.jsに関しては以下のサイトが参考になると思うのでメモしておきます。TOPPROFILEみっきぃデザインからコーディングまで何でもやってます。都合のいい何でも屋さんです。ポジション的にはデザイナーだったりフロントエンドだったり、そのときによってコロコロ変わります。(詳しくはこちら)ABOUTこのサイトは、ひとつでも多くサイト制作でラクをするために、実務で取り入れたテクニックや調査したものなどを、すぐに引き出せるようにまとめたサイトです。使えるネタがありましたら、サイト制作に役立てていただければ幸いです。お問い合わせについてはこちらからお願いします。