Valid AMP Contact Form Html For AMP Page
Valid Contact Form For AMP | Valid AMP contact form for blog
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