Miniform Form Creator

Use this id in your miniform module (v0.10 and newer)
Tip: Click and drag the titles to change the order of the fields in your form
Items marked with * are required

The form

Below you find the form content you just generated.

Click on the "Copy" button - that becomes visible when you hover the code - to copy the content.

Paste the content in a textfile (use notepad.exe, NOT ms-word) and save it on your computer.

Name the file form_your_name.htt and upload it to the directory {website_root}/modules/miniform/templates/ on your webserver.

<div class="miniform">
	<div class="{MESSAGE_CLASS}">{STATUSMESSAGE}</div>
	<div class="{FORM_CLASS}">
		<small>Items marked with <span><span>*</span></span> are required</small>
		<br/>
		<form name="form_{SECTION_ID}" id="form_{SECTION_ID}" method="post" action="{URL}">
			<input name="miniform" type="hidden" value="{SECTION_ID}"/>
			<input name="header" type="hidden" value="Contact"/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			<div  class="full">
				<label for="name:"><span>Name:</span> 
					<input placeholder="Name:" class="{NAME:_ERROR}" type="text" id="name:" name="mf_name:" value="{NAME:}" />
				</label>
			</div>
			<div  class="full">
				<label for="email:"><span>Email:</span> 
					<input placeholder="Email:" class="{EMAIL:_ERROR}" type="text" id="email:" name="mf_email:" value="{EMAIL:}" />
				</label>
			</div>
			<div  class="full">
				<label for="your_message"><span>Your Message </span> 
					<textarea rows="5" cols="80" class="{YOUR_MESSAGE_ERROR}" id="your_message" name="mf_your_message">{YOUR_MESSAGE}</textarea>
				</label>
			</div>
			<div class="full">
				<button class="submit" name="Submit" type="submit">Submit this form</button>
			</div>
		</form>
	</div>
</div>

Use this form


Use the ID below to load the form in your Miniform module (version 0.10 or newer)