Miniform Form Creator

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>Hinweis: Felder, die mit <span><span>*</span></span> bezeichnet sind, sind Pflichtfelder.</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="Optimal Isobau S.L."/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			<div  class="half">
				<label for="name"><span>Name: <span>*</span></span> 
					<input placeholder="Geben Sie hier Ihren Namen ein" required="required" class="{NAME_ERROR}" type="text" id="name" name="mf_r_name" value="{NAME}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="email"><span>E-Mail-Adresse: <span>*</span></span> 
					<input placeholder="Geben Sie hier Ihre Mail Adresse ein" required="required" class="{EMAIL_ERROR}" type="text" id="email" name="mf_r_email" value="{EMAIL}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="telefon"><span>Telefon-Nr.:</span> 
					<input placeholder="Für einen Rückruf können Sie hier ihre Telefonnummer hinterlegen" class="{TELEFON_ERROR}" type="text" id="telefon" name="mf_telefon" value="{TELEFON}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="nachricht"><span>Nachricht: <span>*</span></span> 
					<textarea placeholder="Hier können Sie Ihre Anfrage hinterlegen" required="required" rows="5" cols="80" class="{NACHRICHT_ERROR}" id="nachricht" name="mf_r_nachricht">{NACHRICHT}</textarea>
				</label>
			</div>
			<div  class="twothird">
				<label for="datenschutzerklärung"><span>Einverständniserklärung <span>*</span></span> 
					<div class="grouping {DATENSCHUTZERKLÄRUNG_ERROR}">
						<input required="required" type="checkbox" id="i-datenschutzerklärung1" {DATENSCHUTZERKLÄRUNG_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._WEITERE_HINWEISE_HIERZU_FINDEN_SIE_IN_UNSERER_DATENSCHUTZERKLÄRUNG._} name="mf_r_datenschutzerklärung[]" 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. Weitere Hinweise hierzu finden Sie in unserer Datenschutzerklärung. " /><label for="i-datenschutzerklärung1">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. Weitere Hinweise hierzu finden Sie in unserer Datenschutzerklärung. </label>
					</div>
				</label>
			</div>
			<div class="{CAPTCHA_CLASS} full">
				<label for="captcha"><span>Sicherheitscode:</span>
					<div class="grouping {CAPTCHA_ERROR}">
					{CAPTCHA}
					</div>
				</label>
			</div>
			<div class="full">
				<button class="submit" name="Submit" type="submit">Formular 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)