TechTalk: Chrome5 Forms 資料

25 views
Skip to first unread message

TAMURA, Kent

unread,
Apr 9, 2010, 10:24:57 PM4/9/10
to chromium-ext...@googlegroups.com
使ったデモ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



html5-forms-demo-20100409.html
Reply all
Reply to author
Forward
0 new messages