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
Felder mit * müssen ausgefüllt werden!

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>Felder mit <span><span>*</span></span> müssen ausgefüllt werden!</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="Formular"/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			<div  class="half">
				<label for="vorname"><span>Vorname <span>*</span></span> 
					<input required="required" class="{VORNAME_ERROR}" type="text" id="vorname" name="mf_r_vorname" value="{VORNAME}" />
				</label>
			</div>
			<div  class="half">
				<label for="name"><span>Name <span>*</span></span> 
					<input required="required" class="{NAME_ERROR}" type="text" id="name" name="mf_r_name" value="{NAME}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="plz"><span>PLZ</span> 
					<input class="{PLZ_ERROR}" type="text" id="plz" name="mf_plz" value="{PLZ}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="ort"><span>Ort</span> 
					<input class="{ORT_ERROR}" type="text" id="ort" name="mf_ort" value="{ORT}" />
				</label>
			</div>
			<div  class="half">
				<label for="e-mail"><span>E-Mail <span>*</span></span> 
					<input 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="telefon/handy"><span>Telefon/Handy</span> 
					<input class="{TELEFON/HANDY_ERROR}" type="text" id="telefon/handy" name="mf_telefon/handy" value="{TELEFON/HANDY}" />
				</label>
			</div>
			<div  class="full">
				<label for="ihre_nachricht"><span>Ihre Nachricht <span>*</span></span> 
					<textarea required="required" rows="5" cols="80" class="{IHRE_NACHRICHT_ERROR}" id="ihre_nachricht" name="mf_r_ihre_nachricht">{IHRE_NACHRICHT}</textarea>
				</label>
			</div>
			<div  class="full">
				<label for="datenschutz"><span>Datenschutz <span>*</span></span> 
					<div class="grouping {DATENSCHUTZ_ERROR}">
						<input required="required" type="checkbox" id="i-datenschutz1" {DATENSCHUTZ_HIERMIT_ERKLÄRE_ICH_MICH_EINVERSTANDEN,_DASS_MEINE_IN_DAS_KONTAKTFORMULAR_EINGEGEBENEN_DATEN_ELEKTRONISCH_GESPEICHERT_UND_ZUM_ZWECK_DER_KONTAKTAUFNAHME_VERARBEITET_UND_GENUTZT_WERDEN._MIR_IST_BEKANNT,_DASS_ICH_MEINE_EINWILLIGUNG_JEDERZEIT_WIDERRUFEN_KANN.} name="mf_r_datenschutz[]" value="Hiermit erkläre ich mich einverstanden, dass meine in das Kontaktformular eingegebenen Daten elektronisch gespeichert und zum Zweck der Kontaktaufnahme verarbeitet und genutzt werden. Mir ist bekannt, dass ich meine Einwilligung jederzeit widerrufen kann." /><label for="i-datenschutz1">Hiermit erkläre ich mich einverstanden, dass meine in das Kontaktformular eingegebenen Daten elektronisch gespeichert und zum Zweck der Kontaktaufnahme verarbeitet und genutzt werden. Mir ist bekannt, dass ich meine Einwilligung jederzeit widerrufen kann.</label>
					</div>
				</label>
			</div>
			<div class="{CAPTCHA_CLASS} full">
				<label for="captcha"><span>Bitte Pr&uuml;fziffer eingeben</span>
					<div class="grouping {CAPTCHA_ERROR}">
					{CAPTCHA}
					</div>
				</label>
			</div>
			<div class="full">
				<button class="submit" name="Submit" type="submit">Absenden</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)