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="keuze_cursus/workshops"><span>Ja, schrijf me in voor: <span>*</span></span> 
					<div class="grouping {KEUZE_CURSUS/WORKSHOPS_ERROR}">
						<input required="required" type="radio" id="i-keuze_cursus/workshops1" {KEUZE_CURSUS/WORKSHOPS_FOTO_WORKSHOP_IPAD/IPHONE} name="mf_r_keuze_cursus/workshops" value="Foto workshop iPad/iPhone" /><label for="i-keuze_cursus/workshops1">Foto workshop iPad/iPhone</label><br>
						<input required="required" type="radio" id="i-keuze_cursus/workshops2" {KEUZE_CURSUS/WORKSHOPS_BEGINNEN_MET_DE_IMAC/MACBOOK} name="mf_r_keuze_cursus/workshops" value="Beginnen met de iMac/MacBook" /><label for="i-keuze_cursus/workshops2">Beginnen met de iMac/MacBook</label><br>
						<input required="required" type="radio" id="i-keuze_cursus/workshops3" {KEUZE_CURSUS/WORKSHOPS_WORKSHOP_ICLOUD} name="mf_r_keuze_cursus/workshops" value="Workshop iCloud" /><label for="i-keuze_cursus/workshops3">Workshop iCloud</label><br>
						<input required="required" type="radio" id="i-keuze_cursus/workshops4" {KEUZE_CURSUS/WORKSHOPS_STARTEN_MET_DE_IPAD} name="mf_r_keuze_cursus/workshops" value="Starten met de iPad" /><label for="i-keuze_cursus/workshops4">Starten met de iPad</label>
					</div>
				</label>
			</div>
			<div  class="half">
				<label for="data+plaats"><span>Data + Cursuslocatie</span> 
					<textarea placeholder="23 en 30 april, Bibliotheek Berkel" rows="5" cols="80" class="{DATA+PLAATS_ERROR}" id="data+plaats" name="mf_data+plaats">{DATA+PLAATS}</textarea>
				</label>
			</div>
			<div  class="full">
				<label for="belangrijk"><span>Belangrijk !</span> 
					<textarea placeholder="- Na de versturen van uw aanvraag, krijgt u een ontvangst bevestiging. - Na acceptatie en beschikbaarheid door de docent , stuurt de cursus administratie een       betaal verzoek per email.  - Na betaling van het verschuldigde bedrag bent u geplaatst in de cursus. - U ontvangt een: Inlognaam en wachtwoord , om veilig aan de cursus deel te nemen." rows="5" cols="80" class="{BELANGRIJK_ERROR}" id="belangrijk" name="mf_belangrijk">{BELANGRIJK}</textarea>
				</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)