(cache) Google Developers Japan: AMP がフォームをサポート

Japan

このブログでは、Google から開発者のみなさま向けの情報をいち早くお届けします。

AMP がフォームをサポート

2016年11月8日火曜日

[この記事は Rudy Galfi、Product Manager, AMP Project による ACCELERATED MOBILE PAGES PROJECT の記事 "Forms now supported in AMP" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。]amp-formドキュメントをご覧ください

「on」属性を使ってフォームを送信したときにページを変更したり、フォームの送信が成功したかエラーになったかに応じてページを変更したりできます。

送信の際に、テンプレートによるレスポンスをレンダリングして、フィールドにコメントを表示することができます。この機能を使うと、フィールドに入力された内容が適切でない場合に、状況に応じたフィードバックを行うことができます。

検証ステータスに応じたフィールドのスタイルを CSS 疑似クラスで設定すると、ユーザーに対して入力が有効かどうかをリアルタイムにフィードバックできます。

form-error

テンプレートによるレスポンスのレンダリングの例。フォームが送信されると（このケースでは、エラーを含む値が送信されています）、わかりやすいメッセージでレスポンスを返すことができます。

AMP フォームの使用を開始する際は、ドキュメントと AMP By Example の例を参照してください。皆様の意見をお聞かせくださいカスタム検証試験運用版AMP ロードマップYoshifumi Yamaguchi - Developer Relations Team

ラベル: AMP

コメントを投稿

ラベル

ブログアーカイブ

2016
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2015
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2

2014
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2013
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2012
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2011
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2010
- 12
- 11

Feed

"プロダクトに関するご意見はプロダクトフォーラムにお願いします"

Google Japan

Google Japan Blog
Google ウェブマスター向け公式ブログ
Google Apps アップデートブログ

Products

Android Blog
Chrome Blog
Lat Long Blog

Developers

Google Developers
Google Developers Japan YouTube
Google Developers Japan Forum

Google
Privacy
Terms