fc2ブログ

HTML5 入門（input要素 type属性 search）

Posted by html5_newbie on 03.2010 HTML5 0 comments 0 trackback
・HTML5 入門 input要素 掲載記事

HTML5 入門（input要素)
HTML5 入門（input要素 type属性 tel）
HTML5 入門（input要素 type属性 search）
HTML5 入門（input要素 type属性 url）
HTML5 入門（input要素 type属性 email）
HTML5 入門（input要素 type属性 datetime,datetime-local）
HTML5 入門（input要素 type属性 date,month,week）
HTML5 入門（input要素 type属性 time,number）
HTML5 入門（input要素 type属性 range）
HTML5 入門（input要素 type属性 color）
HTML5 入門（input要素 新しい属性のまとめ）

今回の記事では、input要素のtype属性searchについて試してみます。

要素 input 属性 type="search"
利用ブラウザ　chrome
サンプル(HTML5 sample3)

このSearchタグは、あまりよくわかりませんが、検索を行うテキストボックスに今まで、<input type="text" name="search" />としていた部分などで採用するのでしょう。

HTML5では、よりタグに意味合いを持たせている感がある気がします。

今回のサンプルでは、autofocusの要素をいれました。autofocusされたので、placeholderの内容は消えていますけどね。

HTML5_3

今日はここまで、続きは明日以降です。


▲ top
≪ HTML5 高速ゲームエンジンのサイト 　HOME　 HTML5 入門（input要素 type属性 tel） ≫

▶ Comment

▲ top

▶ Post comment


  • 管理者にだけ表示を許可する

▶ Trackback

trackbackURL：http://html5.blog20.fc2.com/tb.php/9-a59d8d5c