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}" enctype="multipart/form-data">
			<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="full">
				<label for="feld-1"><span>Feld-1 <span>*</span></span> 
					<input placeholder="feld-1" required="required" class="{FELD-1_ERROR}" type="text" id="feld-1" name="mf_r_feld-1" value="{FELD-1}" />
				</label>
			</div>
			<div  class="half">
				<label for="feld-2"><span>Feld-2 <span>*</span></span> 
					<input placeholder="feld-2" required="required" class="{FELD-2_ERROR}" type="text" id="feld-2" name="mf_r_feld-2" value="{FELD-2}" />
				</label>
			</div>
			<div  class="half">
				<label for="feld-3"><span>Feld-3 <span>*</span></span> 
					<input placeholder="feld-3" required="required" class="{FELD-3_ERROR}" type="text" id="feld-3" name="mf_r_feld-3" value="{FELD-3}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="feld-4"><span>Feld-4</span> 
					<input placeholder="feld-4" class="{FELD-4_ERROR}" type="text" id="feld-4" name="mf_feld-4" value="{FELD-4}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="feld-5"><span>Feld-5</span> 
					<input placeholder="feld-5" class="{FELD-5_ERROR}" type="text" id="feld-5" name="mf_feld-5" value="{FELD-5}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="feld-6"><span>Feld-6</span> 
					<input placeholder="feld-6" class="{FELD-6_ERROR}" type="text" id="feld-6" name="mf_feld-6" value="{FELD-6}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="feld-7"><span>Feld-7 <span>*</span></span> 
					<input placeholder="feld-7" class="{FELD-7_ERROR}" type="text" id="feld-7" name="mf_r_feld-7" value="{FELD-7}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="feld-8"><span>Feld-8</span> 
					<input placeholder="feld-8" class="{FELD-8_ERROR}" type="text" id="feld-8" name="mf_feld-8" value="{FELD-8}" />
				</label>
			</div>
			<div  class="full">
				<label for="feld-9"><span>Feld-9 <span>*</span></span> 
					<select required="required" class="{FELD-9_ERROR}" id="feld-9" name="mf_r_feld-9">
						<option {FELD-9_SELECTED_FELD-9} value="feld-9">feld-9</option>
						<option {FELD-9_SELECTED_OPT-1} value="Opt-1">Opt-1</option>
						<option {FELD-9_SELECTED_OPT-2} value="Opt-2">Opt-2</option>
					</select>
				</label>
			</div>
			<div  class="full">
				<label for="feld-10"><span>Feld-10</span> 
					<div class="grouping {FELD-10_ERROR}">
						<input type="checkbox" id="i-feld-101" {FELD-10_BOX-1} name="mf_feld-10[]" value="Box-1" /><label for="i-feld-101">Box-1</label>
						<input type="checkbox" id="i-feld-102" {FELD-10_BOX-2} name="mf_feld-10[]" value="Box-2" /><label for="i-feld-102">Box-2</label>
						<input type="checkbox" id="i-feld-103" {FELD-10_BOX-3} name="mf_feld-10[]" value="Box-3" /><label for="i-feld-103">Box-3</label>
					</div>
				</label>
			</div>
			<div  class="half">
				<label for="feld-11"><span>Feld-11 <span>*</span></span> 
					<div class="grouping {FELD-11_ERROR}">
						<input required="required" type="radio" id="i-feld-111" {FELD-11_KR-1} name="mf_r_feld-11" value="Kr-1" /><label for="i-feld-111">Kr-1</label>
						<input required="required" type="radio" id="i-feld-112" {FELD-11_KR-2} name="mf_r_feld-11" value="Kr-2" /><label for="i-feld-112">Kr-2</label>
						<input required="required" type="radio" id="i-feld-113" {FELD-11_KR-3} name="mf_r_feld-11" value="Kr-3" /><label for="i-feld-113">Kr-3</label>
					</div>
				</label>
			</div>
			<div  class="full">
				<label for="text"><span>Feld-12 <span>*</span></span> 
					<textarea placeholder="feld-12" required="required" rows="5" cols="80" class="{TEXT_ERROR}" id="text" name="mf_r_text">{TEXT}</textarea>
				</label>
			</div>
			<div  class="full">
				<label for="feld-13"><span>Feld-13</span> 
					<input class="{FELD-13_ERROR}" type="file" id="feld-13" name="mf_feld-13" value="{FELD-13}" />
				</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)