Set some chunks.
First the form chunk: (the eform attribute is required only for required fields)
[+validationmessage+]
<form action="[~[*id*]~]" method="post">
<fieldset>
<legend>Any legend if necessary</legend>
<p>
<input name="formid" type="hidden" value="myform" />
<label for="name">Name</label><br />
<input id="name" name="name" type="text" value="" eform="Missing name::1" />
</p>
<p>
<label for="address">Address</label><br />
<input id="address" name="address" type="text" value="" eform="Missing address::1" />
</p>
<p>
<label for="phone">Phone</label><br />
<input id="phone" name="Phone" type="text" value="" eform="Missing phone number::1" />
</p>
<p>
<label for="email">email</label><br />
<input id="email" name="email" type="text" value="" eform="Missing email address:email:1" />
</p>
<p>
<input name="send" title="Send" type="submit" value="Send" />
<input name="reset" title="Reset" type="reset" value="Reset" />
</p>
</fieldset>
</form>
Then the thanks form (the answer visible at the form page after sending the form):
<h2>Thanks</h2>
<p>
You sent us following data:
</p>
<ul>
<li>Name: [+name+]</li>
<li>Address: [+adress+]</li>
<li>Phone: [+phone+]</li>
<li>email: [+email+]</li>
</ul>
<p>
<a href="[~[*id*]~]">back to form</a>
</p>
Then the report form for the email content that’ll be send to you by the form:
<p>
[+name+] has sent a message to you via the web form. Here are the data submitted:
</p>
<ul>
<li>Name: [+name+]</li>
<li>Address: [+adress+]</li>
<li>Phone: [+phone+]</li>
<li>email: [+email+]</li>
</ul>
At least set the form call into the template or page content:
[!eForm? &formid=`myform` &to=`[email protected]` &tpl=`form` &report=`reportForm` &thankyou=`thankyouForm` &subject=`whateveryouwant` &from=`[email protected]` &fromname=`Form at my site` &language=`english` &protectSubmit=`1` &submitLimit=`0.5`!]
After that: try and play around with form and chunks. Style your form. Good luck.