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="Booking form"/>
			<input name="mf_timestamp" type="hidden" value="{DATE} {TIME}"/>
			<div  class="full">
				<label for="room"><span>Room <span>*</span></span> 
					<select required="required" class="{ROOM_ERROR}" id="room" name="mf_r_room">
						<option  value="">- select a room -</option>
						<option {ROOM_SELECTED_ROOM_1} value="Room 1">Room 1</option>
						<option {ROOM_SELECTED_ROOM_2} value="Room 2">Room 2</option>
						<option {ROOM_SELECTED_ROOM_3} value="Room 3">Room 3</option>
						<option {ROOM_SELECTED_ROOM_4} value="Room 4">Room 4</option>
						<option {ROOM_SELECTED_ROOM_5} value="Room 5">Room 5</option>
					</select>
				</label>
			</div>
			<div  class="onethird">
				<label for="day"><span>Day</span> 
					<select class="{DAY_ERROR}" id="day" name="mf_day">
						<option {DAY_SELECTED_1} value="1">1</option>
						<option {DAY_SELECTED_2} value="2">2</option>
						<option {DAY_SELECTED_3} value="3">3</option>
						<option {DAY_SELECTED_4} value="4">4</option>
						<option {DAY_SELECTED_5} value="5">5</option>
						<option {DAY_SELECTED_6} value="6">6</option>
						<option {DAY_SELECTED_7} value="7">7</option>
						<option {DAY_SELECTED_8} value="8">8</option>
						<option {DAY_SELECTED_9} value="9">9</option>
						<option {DAY_SELECTED_10} value="10">10</option>
						<option {DAY_SELECTED_11} value="11">11</option>
						<option {DAY_SELECTED_12} value="12">12</option>
						<option {DAY_SELECTED_13} value="13">13</option>
						<option {DAY_SELECTED_14} value="14">14</option>
						<option {DAY_SELECTED_15} value="15">15</option>
						<option {DAY_SELECTED_16} value="16">16</option>
						<option {DAY_SELECTED_17} value="17">17</option>
						<option {DAY_SELECTED_18} value="18">18</option>
						<option {DAY_SELECTED_19} value="19">19</option>
						<option {DAY_SELECTED_20} value="20">20</option>
						<option {DAY_SELECTED_21} value="21">21</option>
						<option {DAY_SELECTED_22} value="22">22</option>
						<option {DAY_SELECTED_23} value="23">23</option>
						<option {DAY_SELECTED_24} value="24">24</option>
						<option {DAY_SELECTED_25} value="25">25</option>
						<option {DAY_SELECTED_26} value="26">26</option>
						<option {DAY_SELECTED_27} value="27">27</option>
						<option {DAY_SELECTED_28} value="28">28</option>
						<option {DAY_SELECTED_29} value="29">29</option>
						<option {DAY_SELECTED_30} value="30">30</option>
						<option {DAY_SELECTED_31} value="31">31</option>
					</select>
				</label>
			</div>
			<div  class="onethird">
				<label for="month"><span>Month</span> 
					<select class="{MONTH_ERROR}" id="month" name="mf_month">
						<option {MONTH_SELECTED_JANUARI} value="Januari">Januari</option>
						<option {MONTH_SELECTED_FEBRUARI} value="Februari">Februari</option>
						<option {MONTH_SELECTED_MARCH} value="March">March</option>
						<option {MONTH_SELECTED_APRIL} value="April">April</option>
						<option {MONTH_SELECTED_MAY} value="May">May</option>
						<option {MONTH_SELECTED_JUNE} value="June">June</option>
						<option {MONTH_SELECTED_JULY} value="July">July</option>
						<option {MONTH_SELECTED_AUGUST} value="August">August</option>
						<option {MONTH_SELECTED_SEPTEMBER} value="September">September</option>
						<option {MONTH_SELECTED_OCTOBER} value="October">October</option>
						<option {MONTH_SELECTED_NOVEMBER} value="November">November</option>
						<option {MONTH_SELECTED_DECEMBER} value="December">December</option>
					</select>
				</label>
			</div>
			<div  class="onethird">
				<label for="year"><span>Year</span> 
					<select class="{YEAR_ERROR}" id="year" name="mf_year">
						<option {YEAR_SELECTED_2017} value="2017">2017</option>
						<option {YEAR_SELECTED_2018} value="2018">2018</option>
						<option {YEAR_SELECTED_2019} value="2019">2019</option>
						<option {YEAR_SELECTED_2020} value="2020">2020</option>
					</select>
				</label>
			</div>
			<div  class="onethird">
				<label for="first_name"><span>First name <span>*</span></span> 
					<input required="required" class="{FIRST_NAME_ERROR}" type="text" id="first_name" name="mf_r_first_name" value="{FIRST_NAME}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="last_name"><span>Last name <span>*</span></span> 
					<input required="required" class="{LAST_NAME_ERROR}" type="text" id="last_name" name="mf_r_last_name" value="{LAST_NAME}" />
				</label>
			</div>
			<div  class="full">
				<label for="address1"><span>Address line 1 <span>*</span></span> 
					<input required="required" class="{ADDRESS1_ERROR}" type="text" id="address1" name="mf_r_address1" value="{ADDRESS1}" />
				</label>
			</div>
			<div  class="full">
				<label for="address2"><span>Address line 2</span> 
					<input class="{ADDRESS2_ERROR}" type="text" id="address2" name="mf_address2" value="{ADDRESS2}" />
				</label>
			</div>
			<div  class="twothird">
				<label for="city"><span>City <span>*</span></span> 
					<input required="required" class="{CITY_ERROR}" type="text" id="city" name="mf_r_city" value="{CITY}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="state"><span>State</span> 
					<input class="{STATE_ERROR}" type="text" id="state" name="mf_state" value="{STATE}" />
				</label>
			</div>
			<div  class="half">
				<label for="phone"><span>Phone <span>*</span></span> 
					<input required="required" class="{PHONE_ERROR}" type="text" id="phone" name="mf_r_phone" value="{PHONE}" />
				</label>
			</div>
			<div  class="half">
				<label for="mobile"><span>Mobile</span> 
					<input class="{MOBILE_ERROR}" type="text" id="mobile" name="mf_mobile" value="{MOBILE}" />
				</label>
			</div>
			<div  class="full">
				<label for="e-mail"><span>E-mail address <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="full">
				<label for="requests"><span>Special requests</span> 
					<textarea rows="5" cols="80" class="{REQUESTS_ERROR}" id="requests" name="mf_requests">{REQUESTS}</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">Book now!</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)