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
Verplicht veld*

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>Verplicht veld<span><span>*</span></span></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="Registratie cursussen "/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			{ASPFIELDS}
			<div  class="onethird">
				<label for="voornaam"><span>Voornaam <span>*</span></span> 
					<input placeholder="Voornaam" 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 placeholder="Achternaam" required="required" class="{ACHTERNAAM_ERROR}" type="text" id="achternaam" name="mf_r_achternaam" value="{ACHTERNAAM}" />
				</label>
			</div>
			<div  class="full">
				<label for="adres"><span>Adres <span>*</span></span> 
					<input placeholder="Adres" required="required" class="{ADRES_ERROR}" type="text" id="adres" name="mf_r_adres" value="{ADRES}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="postcode"><span>Postcode <span>*</span></span> 
					<input placeholder="Postcode" required="required" class="{POSTCODE_ERROR}" type="text" id="postcode" name="mf_r_postcode" value="{POSTCODE}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="plaats"><span>Plaats <span>*</span></span> 
					<input placeholder="Plaats" required="required" class="{PLAATS_ERROR}" type="text" id="plaats" name="mf_r_plaats" value="{PLAATS}" />
				</label>
			</div>
			<div  class="full">
				<label for="e-mail"><span>E-mail adres. <span>*</span></span> 
					<input placeholder="Email" required="required" class="{E-MAIL_ERROR}" type="text" id="e-mail" name="mf_r_e-mail" value="{E-MAIL}" />
				</label>
			</div>
			<div  class="half">
				<label for="telefoom"><span>Telefoonnr.</span> 
					<input placeholder="Telefoon " class="{TELEFOOM_ERROR}" type="text" id="telefoom" name="mf_telefoom" value="{TELEFOOM}" />
				</label>
			</div>
			<div  class="half">
				<label for="mobiel"><span>Mobielnr.</span> 
					<input placeholder="Mobiel" class="{MOBIEL_ERROR}" type="text" id="mobiel" name="mf_mobiel" value="{MOBIEL}" />
				</label>
			</div>
			<div  class="half">
				<label for="starten_met_de_ipad+"><span>Ik schrijf me in voor: <span>*</span></span> 
					<div class="grouping {STARTEN_MET_DE_IPAD+_ERROR}">
						<input required="required" type="radio" id="i-starten_met_de_ipad+1" {STARTEN_MET_DE_IPAD+_FOTO_WORKSHOP_IPAD_/_IPHONE} name="mf_r_starten_met_de_ipad+" value="Foto workshop iPad / iPhone" /><label for="i-starten_met_de_ipad+1">Foto workshop iPad / iPhone</label><br>
						<input required="required" type="radio" id="i-starten_met_de_ipad+2" {STARTEN_MET_DE_IPAD+_BEGINNEN_MET_DE_IMAC_/_MACBOOK} name="mf_r_starten_met_de_ipad+" value="Beginnen met de iMac / MacBook" /><label for="i-starten_met_de_ipad+2">Beginnen met de iMac / MacBook</label><br>
						<input required="required" type="radio" id="i-starten_met_de_ipad+3" {STARTEN_MET_DE_IPAD+_WORKSHOP_ICLOUD} name="mf_r_starten_met_de_ipad+" value="Workshop iCloud" /><label for="i-starten_met_de_ipad+3">Workshop iCloud</label><br>
					</div>
				</label>
			</div>
			<div  class="half">
				<label for="soort_"><span>Ik heb zelf een :</span> 
					<div class="grouping {SOORT__ERROR}">
						<input type="radio" id="i-soort_1" {SOORT__IPAD_} name="mf_soort_" value="iPad " /><label for="i-soort_1">iPad </label><br>
						<input type="radio" id="i-soort_2" {SOORT__IPAD_MINI} name="mf_soort_" value="iPad mini" /><label for="i-soort_2">iPad mini</label><br>
						<input type="radio" id="i-soort_3" {SOORT__IMAC} name="mf_soort_" value="iMac" /><label for="i-soort_3">iMac</label><br>
						<input type="radio" id="i-soort_4" {SOORT__MACBOOK} name="mf_soort_" value="MacBook" /><label for="i-soort_4">MacBook</label><br>
						<input type="radio" id="i-soort_5" {SOORT__WEET_NIET_!} name="mf_soort_" value="Weet niet !" /><label for="i-soort_5">Weet niet !</label>
					</div>
				</label>
			</div>
			<div class="{CAPTCHA_CLASS} full">
				<label for="captcha"><span>Controle of u geen robot bent.</span>
					<div class="grouping {CAPTCHA_ERROR}">
					{CAPTCHA}
					</div>
				</label>
			</div>
			<div class="full">
				<button class="submit" name="Submit" type="submit">Verstuur uw aanvraag !</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)