HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）

はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

[vitaminsii]

html5になりフォームのタグ、属性の機能がかなり変更になった。

[yuppism]

HTML5で強化されたフォーム機能を分かりやすく解説してあります。

[sw_lucchini]

フォーム機能まとめ

[homihoo]

分かりやすい！

[mawmaw]

スマホ向けの使用かなぁ

[xrekkusu]

すごい・・・

[sugibanayu]

Html5

[pivotdgdg]

フォームコントロール便利っす！

[s-feng]

form

[ino-agile]

フォームコントロールが充実したんですね。IEも早くHTML5に対応してほしいです。

[diveintounlimit]

で、無難な範囲っていうとdatalist, required, pattern, placeholder, autofocusとか属性周りだけという。あとはライブラリ頼み。

[site159]

form部分の解説

[BRITAN]

IEなんとかならんのかよ…

[nwtrak]

あとで

[version510]

HTML5のフォームについて、対応ブラウザ、挙動のスクリーンショットを載せて丁寧に解説

[atomoharu]

日時とかメアドとか必須項目とか正規表現でのパターンの指定とか。HTMLだけでできるのが凄いね。JSFのカスタムタグでやっていた頃が懐かしい。

[masamiana]

HTML5

[anoncom]

JSやCSSを駆使して作ってきたUIをブラウザ側が担ってくれるのはすごく便利だし作りやすい。ただHTML5対応ブラウザがまだまだ普及していない今は、結局しばらくHTML4で作り続けていかなきゃいけない…

[nakakoh]

でも集客を考えるとなかなか使う機会がないんだよなぁ。

[blueribbon]

検索（type="search"） 電話番号（type="tel"） URL（type="url"） メールアドレス（type="email"） 日時 数値（type="number"） 数値の範囲（type="range"） 色（type="color"） サジェスト（datalist要素） required属性 pattern属性 プレースホルダー

[XIAORING]

form

[c430c]

うーん。勉強せねば！

[hseknm]

HTML5

[Gesaku_G]

すげえなあ　検索窓に・・・えっ　カレンダーコントロールも！？ほへー / HTML5で進化したフォーム機能　ここが違う！サンプルで見るHTML5（5）:CodeZine

[kuwalab]

HTML5のフォーム機能の違い。分かりやすい。

[japanrock]

range,colorといった新機能。革命だなぁ。

[mi3papa]

うそーこれはちょっと試したくなる。

[Kakasi_Neko]

すごいな

[So-King]

最近HTML5に関するブクマが多い。

[gonta02]

HTML5で進化したフォーム機能