フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips

フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips：HTML5“とか”アプリ開発入門（9）（1/3 ページ） HTML5で強化された入力フォームに関する話題は、今回でいったん終わりとします。これまでの3回で、＜input＞要素に加えられた変更と、新たに追加された＜form＞関連の要素についてお話ししてきました。 今回の話題は、フォームの入力値チェック（バリデーション）が主になります。また、autofocus属性やform属性など、これまでの記事で触れられなかった内容も紹介したいと思います。 HTML5では入力値チェックの仕組みが“仕様”に HTML 4までは、フォームに入力された値をチェックする仕組みがほとんど備えられていませんでした。そのため、入力値のチェックは基本的にサーバサイドでのみ行うか、JavaScriptを用いてチェックする必要がありました。 しか

[kathew]

HTML5すごい。レガシーな環境を除けばかなり省力化できる

[newnakashima]

“ ＜input＞要素に対してpattern属性を指定すると、入力値のパターンを正規表現で指定できます。”

[tenchikometen]

スマホ

[stealthinu]

html5から使えるようになったフォームのrequiredなどのチェックについてまとめ。引っかかったときはinvalidイベントが発生する。

[Kshi_Kshi]

すごい便利

[kiyo_hiko]

うおお　よさげ

[yuupl]

白浜さんの記事。HTML5で使えるようになった便利なinput要素の記述について、要点を絞って掲載されてる。

[KenichiroMurata]

html5 form validation について

[s5-style]

HTML5で利用できるフォームの入力値チェック（バリデーション）機能

[yohjizzz-backup]

良くまとまってんね

[weblogs]

■value：正規表現などで入力値制限。■textarea：maxlength指定可能。■required属性：必須項目指定。■form属性：formをlabelのように紐付。<input form="hoge"><form id="hoge"></form>

[kzms2]

pattern属性で正規表現を用いてフォームの中身をチェック

[lizy]

データの制約を宣言的に記述して、それがブラウザとサーバで自動的に適用されるのが理想でしょうけどね。そしてブラウザがこういう機能をサポートしていれば自動的に使う、と

[ichiroku11]

いろいろなバリデーション。

[hidehish]

見てる:

[gigs123]

From Gic's iPhone

[kamei_rio]

__〆のヮの