AMP: Building Accelerated Mobile Pages

A simple newsletter sign-up form

Time to get our hands dirty. Let's start off small with a newsletter sign-up form. With just a single input text field for an email address, and a submit button, this is going to be one of the simplest forms you can build! We'll eventually add this form to the sidebar of the product page we developed in the previous chapter.

The starting point for the examples in this chapter is /ch6/form-start.html. You can follow along with the examples by building on the code in this file.

First, let's set this up as a GET form, and afterwards, we'll change it to a POST submission to see what we need to do differently (/ch6/signup.html):

<form method="get" action="/ch6/signup.php" target="_top"> <input type="email" name="email" ...