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 {{name}} for send messages
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Success thank you {{name}} 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.web-development.cf/2017/04/html5-boostrap-for-amp.html
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon