Skip to Main Content

AMP'ing Up Mobile Forms

Posted on 10.31.2016

Google's Accelerated Mobile Pages project is getting more robust by the day. 

Case in point, those using AMP can now use forms in AMP HTML

 SUBSCRIBE to Website Magazine & Accelerate 'Net Success

With the “amp-form” extension, the

element and its related elements like can be used to build forms within AMP documents. This enables building experiences ranging from a product color picker on an e-commerce detail page to an email field to capture newsletter signups to an interactive poll to engage readers within an article.

Regular navigation and XHR (XMLHttpRequest, aka Ajax) form submissions are both supported, and amp-form exposes several features to improve the experience of filling in forms. For example, using the "on" attribute will make it possible to change the page when the form is submitted, or to change the page depending on whether the form was submitted successfully or with errors. Developers will also be able to annotate fields with tempalted response rendering and style fields based on validation status using CSS psuedo-classes.

Adoption of AMP is accelerating slowly but support for forms shold quicken the pace somewhat. Web workers shold expect their any provider of a form, from email service offerings to lead generation solutions to offer integrations to simplify adding amp-forms to AMP pages. 

Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code