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

暮らしカテゴリーの変更を依頼記事元:

1002 usersがブックマークコメント

規約違反を報告

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

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

記事へのコメント80件

注目コメント
新着コメント

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

2012/04/15 リンク

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

2012/02/21 リンク

sw_lucchini フォーム機能まとめ

HTML5

homihoo 分かりやすい！

mawmaw スマホ向けの使用かなぁ

xrekkusu すごい・・・

sugibanayu Html5

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

2011/01/27 リンク

s-feng form

2011/01/06 リンク

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

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

news

2010/12/31 リンク

site159 form部分の解説

2010/12/28 リンク

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

HTML5
web

nwtrak あとで

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

2010/12/27 リンク

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属性プレースホルダー