, , ,

Valid Contact Form For AMP | Valid AMP contact form for blog

Valid AMP Contact Form Html For AMP Page
This solved for contact form not working on blogger with amp feature.
Now, i solved your problem with codes below:

<form method="post"
  name="contactform"
  class="p2"
  action-xhr="https://source.l3n4r0x.cf/html/submit.php?admin=YOUREMAIL"
  target="_top">
  <div class="ampstart-input inline-block relative m0 p0 mb3">
    <input type="text"
      class="block border-none p0 m0"
      name="name"
      id="name"
      placeholder="Your Name..."
      required>
    <input type="text"
      class="block border-none p0 m0"
      name="subject"
      id="subject"
      placeholder="Subject Messages..."
      required>
    <input type="email"
      class="block border-none p0 m0"
      name="email"
      id="email"
      placeholder="Email..."
      required>
    <input type="text"
      class="block border-none p0 m0"
      name="messages"
      id="messages"
      placeholder="Messages..."
      required>
  </div>
  <input type="submit"
    name="submit"
    value="send"
    class="ampstart-btn caps">
  <div submit-success>
    <template type="amp-mustache">
    Success thank you  for send messages
    </template>
  </div>
  <div submit-error>
    <template type="amp-mustache">
      Success thank you  for send messages
    </template>
  </div>
</form>

Code above no have style. But you can use these boostrap to styling the contact form above. -> http://www.webmanajemen.com/2017/04/html5-boostrap-for-amp.html