HTML5：学習：2.フォームの基礎

※ HTML5：学習：1.DOMスクリプティングの基礎 の続き

2.1 フォームの基礎

■新コントロール (input type=で指定)

・search
・tel
・url
・email
・dataetime
・date
・month
・week
・time
・datetime-local
・number
・range
・color

■制約属性

・max
・min
・pattern
・require
・step

■バリデーション

■バリデーション回避

・form要素のnovalidateコンテンツ属性
・サブミット・ボタン要素のformnovalidateコンテンツ属性

2.2 フォームのイベント

■invalidイベント

■selectイベント

■submitイベント

2.3 フォーム・バリデーションAPI

■任意タイミングで実行

・input.checkValidity()
・ボタンを抽出 "var btns = form.querySelectorAll('input[type="button"]');"

■カスタマイズ

・form.noValidate
・element.validity.valid

■理由

・element.validity.valueMissing
・element.validity.typeMismatch
・element.validity.patternMismatch
・element.validity.tooLong

2.4 テキストの選択状態

2.5 HTML5で新たに導入されたフォーム関連要素

・output要素
・progress要素
・meter要素

2.6 フォームAPIリファレンス

---

[HTML5]