HTML5のフォームのinputやtextareaで使用可能なplaceholderを使ってみた!

2014/04/09

こんにちは。
今回はHTML5のフォームのinputやtextareaで使用可能なplaceholderを使ってみましたのでメモ書き。

placeholderとは

placeholderを設定するとフォームの入力する所に薄いグレー等のテキストが表示されます。
下記の画像のような感じです。

placeholder

 

使ってみよう!

まずはhtml

 

スタイルを変更

 

IEはIE10から適用可能です。
IE10のスタイル変更

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

以上で「HTML5のフォームのinputやtextareaで使用可能なplaceholderを使ってみた」でした

topへ戻る