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="Miniform creator form"/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			<div  class="onethird">
				<label for="voornaam"><span>Voornaam: <span>*</span></span> 
					<input required="required" class="{VOORNAAM_ERROR}" type="text" id="voornaam" name="mf_r_voornaam" value="{VOORNAAM}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="achternaam"><span>Achternaam: <span>*</span></span> 
					<input class="{ACHTERNAAM_ERROR}" type="text" id="achternaam" name="mf_r_achternaam" value="{ACHTERNAAM}" />
				</label>
			</div>
			<div  class="full">
				<label for="email"><span>Email adres  <span>*</span></span> 
					<input required="required" class="{EMAIL_ERROR}" type="text" id="email" name="mf_r_email" value="{EMAIL}" />
				</label>
			</div>
			<div  class="full">
				<label for="vraag"><span>Uw vraag: <span>*</span></span> 
					<textarea required="required" rows="5" cols="80" class="{VRAAG_ERROR}" id="vraag" name="mf_r_vraag">{VRAAG}</textarea>
				</label>
			</div>
			<div class="{CAPTCHA_CLASS} full">
				<label for="captcha"><span>Please show us you are human</span>
					<div class="grouping {CAPTCHA_ERROR}">
					{CAPTCHA}
					</div>
				</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)