AMP: Building Accelerated Mobile Pages

Adding a search form to use with <amp-live-list>

The quickest way to add a form is like this (don't forget to include the amp-form extension script):

<form action="amp-live-list-twitter.php" method="get">  Search twitter for: <input type="text" name="q">  <input type="submit" value="Search"></form>

Then the server just needs to parse the q request parameter, and pass it along to the Twitter API:

Twitter search with amp-live-list: initial search (left), update button appears for new content (middle), and newly inserted content (right)

And we're done! Or are we? Things can get a little complicated when the page is served from the AMP Cache.