TechTalk: Chrome5 Forms 資料

[TAMURA, Kent]

使ったデモHTMLをそのまま添付します。Chromeのdevチャネル版で昨日のデモの通りに動きますし、4.1 stable でもけっこう動きます。

プレゼンテーションの大事なところだけ、ここに抜粋します。

-------------------------------------------------------------------------------------

UIはほとんどなし、APIはあり

• 以前からある専用UI: <input type=search> <input type=range>
• CSS擬似セレクタ :default, :required, :optional, :valid, :invalid
• input/@placeholder, textarea/@placeholder
• input/@autofocus, textarea/@autofocus
• textarea/@maxlength
• <input type=file multiple>
• input要素の新タイプ: color, date, datetime, datetime-local, email, month, number, tel, time, url, week
• 検証API
• @formnovalidate, @max, @min, @pattern, @required, @step
• .willValidate, .validity, .checkValidity()
• 'invalid' イベント
• .stepUp(), stepDown(), .valueAsDate, .valueAsNumber

未実装のもの

• color, date, datetime, datetime-local, month, number, time, week タイプの専用UI
• 対話検証
• invalidなコントロールがあってもフォームを送信できてしまう
• checkValidity()は動くのでJavaScriptでフォーム送信をキャンセルするコードを書くことは可能
• .validationMessageとその表示
• @accept, @autocomplete, @form, @formaction, @formenctype, @formmethod, @formtarget, .labels
• <datalist> と input/@list
• <keygen>, <output>, <progress>, <meter>
• 'formchange' 'forminput' イベント
• CSS擬似セレクタ :out-of-range, :in-range

-------------------------------------------------------------------------------------

対話検証、Chrome5 に入りそうです。今日未明にWebKitにコミットできまして、Chromium r44164 以降で動くかと思います。

--
TAMURA Kent
Software Engineer, Google