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}">
			<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="name_flyer"><span>Name Flyer <span>*</span></span> 
					<input placeholder="Name Flyer" class="{NAME_FLYER_ERROR}" type="text" id="name_flyer" name="mf_r_name_flyer" value="{NAME_FLYER}" />
				</label>
			</div>
			<div  class="full">
				<label for="email"><span>email <span>*</span></span> 
					<input placeholder="your email address" class="{EMAIL_ERROR}" type="text" id="email" name="mf_r_email" value="{EMAIL}" />
				</label>
			</div>
			<div  class="full">
				<label for="flyer_size_"><span>Flyer size  <span>*</span></span> 
					<select class="{FLYER_SIZE__ERROR}" id="flyer_size_" name="mf_r_flyer_size_">
						<option {FLYER_SIZE__SELECTED_A4} value="A4">A4</option>
						<option {FLYER_SIZE__SELECTED_A5} value="A5">A5</option>
						<option {FLYER_SIZE__SELECTED_A6} value="A6">A6</option>
						<option {FLYER_SIZE__SELECTED_A7} value="A7">A7</option>
					</select>
				</label>
			</div>
			<div  class="full">
				<label for="back"><span>Back <span>*</span></span> 
					<div class="grouping {BACK_ERROR}">
						<input type="checkbox" id="i-back1" {BACK_BACK} name="mf_r_back[]" value="Back" /><label for="i-back1">Back</label>
					</div>
				</label>
			</div>
			<div  class="full">
				<label for="the_offer_is_valid_from_and_valid_to"><span>The offer is valid from and valid to <span>*</span></span> 
					<input placeholder="01/01/2018 - 31/12/2018" class="{THE_OFFER_IS_VALID_FROM_AND_VALID_TO_ERROR}" type="text" id="the_offer_is_valid_from_and_valid_to" name="mf_r_the_offer_is_valid_from_and_valid_to" value="{THE_OFFER_IS_VALID_FROM_AND_VALID_TO}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_1_name"><span>Bottle name <span>*</span></span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_1_NAME_ERROR}" type="text" id="bottle_1_name" name="mf_r_bottle_1_name" value="{BOTTLE_1_NAME}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_1"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_1_ERROR}" type="text" id="price_1" name="mf_price_1" value="{PRICE_1}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_1"><span>Price offer <span>*</span></span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_1_ERROR}" type="text" id="price_offer_1" name="mf_r_price_offer_1" value="{PRICE_OFFER_1}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_2"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_2_ERROR}" type="text" id="bottle_name_2" name="mf_bottle_name_2" value="{BOTTLE_NAME_2}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_2"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_2_ERROR}" type="text" id="price_2" name="mf_price_2" value="{PRICE_2}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_2"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_2_ERROR}" type="text" id="price_offer_2" name="mf_price_offer_2" value="{PRICE_OFFER_2}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_3"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_3_ERROR}" type="text" id="bottle_name_3" name="mf_bottle_name_3" value="{BOTTLE_NAME_3}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_3"><span>Price  </span> 
					<input placeholder="€ 0,00" class="{PRICE_3_ERROR}" type="text" id="price_3" name="mf_price_3" value="{PRICE_3}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_3"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_3_ERROR}" type="text" id="price_offer_3" name="mf_price_offer_3" value="{PRICE_OFFER_3}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_4"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_4_ERROR}" type="text" id="bottle_name_4" name="mf_bottle_name_4" value="{BOTTLE_NAME_4}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_4"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_4_ERROR}" type="text" id="price_4" name="mf_price_4" value="{PRICE_4}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_4"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_4_ERROR}" type="text" id="price_offer_4" name="mf_price_offer_4" value="{PRICE_OFFER_4}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_5"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_5_ERROR}" type="text" id="bottle_name_5" name="mf_bottle_name_5" value="{BOTTLE_NAME_5}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_5"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_5_ERROR}" type="text" id="price_5" name="mf_price_5" value="{PRICE_5}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_5"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_5_ERROR}" type="text" id="price_offer_5" name="mf_price_offer_5" value="{PRICE_OFFER_5}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_6"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_6_ERROR}" type="text" id="bottle_name_6" name="mf_bottle_name_6" value="{BOTTLE_NAME_6}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price__6"><span>Price  </span> 
					<input placeholder="€ 0,00" class="{PRICE__6_ERROR}" type="text" id="price__6" name="mf_price__6" value="{PRICE__6}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_6"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_6_ERROR}" type="text" id="price_offer_6" name="mf_price_offer_6" value="{PRICE_OFFER_6}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_7"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_7_ERROR}" type="text" id="bottle_name_7" name="mf_bottle_name_7" value="{BOTTLE_NAME_7}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_7"><span>Price </span> 
					<input placeholder="€ 0,00" class="{PRICE_7_ERROR}" type="text" id="price_7" name="mf_price_7" value="{PRICE_7}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_7"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_7_ERROR}" type="text" id="price_offer_7" name="mf_price_offer_7" value="{PRICE_OFFER_7}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_8"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_8_ERROR}" type="text" id="bottle_name_8" name="mf_bottle_name_8" value="{BOTTLE_NAME_8}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_8"><span>Price </span> 
					<input placeholder="€ 0,00" class="{PRICE_8_ERROR}" type="text" id="price_8" name="mf_price_8" value="{PRICE_8}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_8"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_8_ERROR}" type="text" id="price_offer_8" name="mf_price_offer_8" value="{PRICE_OFFER_8}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name__9"><span>Bottle name  </span> 
					<input placeholder="Bottle name  + cl." class="{BOTTLE_NAME__9_ERROR}" type="text" id="bottle_name__9" name="mf_bottle_name__9" value="{BOTTLE_NAME__9}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_9"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_9_ERROR}" type="text" id="price_9" name="mf_price_9" value="{PRICE_9}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_9"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_9_ERROR}" type="text" id="price_offer_9" name="mf_price_offer_9" value="{PRICE_OFFER_9}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_10"><span>Bottle name</span> 
					<input placeholder="Bottle name + cl." class="{BOTTLE_NAME_10_ERROR}" type="text" id="bottle_name_10" name="mf_bottle_name_10" value="{BOTTLE_NAME_10}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_10"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_10_ERROR}" type="text" id="price_10" name="mf_price_10" value="{PRICE_10}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_10"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_10_ERROR}" type="text" id="price_offer_10" name="mf_price_offer_10" value="{PRICE_OFFER_10}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name__11"><span>Bottle name  </span> 
					<input placeholder="Bottle name  + cl. " class="{BOTTLE_NAME__11_ERROR}" type="text" id="bottle_name__11" name="mf_bottle_name__11" value="{BOTTLE_NAME__11}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_11"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE_11_ERROR}" type="text" id="price_11" name="mf_price_11" value="{PRICE_11}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_11"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_11_ERROR}" type="text" id="price_offer_11" name="mf_price_offer_11" value="{PRICE_OFFER_11}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name__12"><span>Bottle name  </span> 
					<input placeholder="Bottle name  + cl. " class="{BOTTLE_NAME__12_ERROR}" type="text" id="bottle_name__12" name="mf_bottle_name__12" value="{BOTTLE_NAME__12}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price__12"><span>Price  </span> 
					<input placeholder="€ 0,00" class="{PRICE__12_ERROR}" type="text" id="price__12" name="mf_price__12" value="{PRICE__12}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_12"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_12_ERROR}" type="text" id="price_offer_12" name="mf_price_offer_12" value="{PRICE_OFFER_12}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name_13"><span>Bottle name </span> 
					<input placeholder="Bottle name + cl. " class="{BOTTLE_NAME_13_ERROR}" type="text" id="bottle_name_13" name="mf_bottle_name_13" value="{BOTTLE_NAME_13}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price__13"><span>Price </span> 
					<input placeholder="€ 0,00" class="{PRICE__13_ERROR}" type="text" id="price__13" name="mf_price__13" value="{PRICE__13}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="_price_offer_13"><span> Price offer</span> 
					<input placeholder="€ 0,00" class="{_PRICE_OFFER_13_ERROR}" type="text" id="_price_offer_13" name="mf__price_offer_13" value="{_PRICE_OFFER_13}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name__14"><span>Bottle name  </span> 
					<input placeholder="Bottle name  + cl." class="{BOTTLE_NAME__14_ERROR}" type="text" id="bottle_name__14" name="mf_bottle_name__14" value="{BOTTLE_NAME__14}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price14"><span>Price</span> 
					<input placeholder="€ 0,00" class="{PRICE14_ERROR}" type="text" id="price14" name="mf_price14" value="{PRICE14}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_14"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_14_ERROR}" type="text" id="price_offer_14" name="mf_price_offer_14" value="{PRICE_OFFER_14}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="bottle_name__15"><span>Bottle name  </span> 
					<input placeholder="Bottle name  + cl." class="{BOTTLE_NAME__15_ERROR}" type="text" id="bottle_name__15" name="mf_bottle_name__15" value="{BOTTLE_NAME__15}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_15"><span>Price </span> 
					<input placeholder="€ 0,00" class="{PRICE_15_ERROR}" type="text" id="price_15" name="mf_price_15" value="{PRICE_15}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="price_offer_15"><span>Price offer</span> 
					<input placeholder="€ 0,00" class="{PRICE_OFFER_15_ERROR}" type="text" id="price_offer_15" name="mf_price_offer_15" value="{PRICE_OFFER_15}" />
				</label>
			</div>
			<div  class="full">
				<label for="comments"><span>Comments</span> 
					<textarea rows="5" cols="80" class="{COMMENTS_ERROR}" id="comments" name="mf_comments">{COMMENTS}</textarea>
				</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)