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="company"><span>Company</span> 
					<input class="{COMPANY_ERROR}" type="text" id="company" name="mf_company" value="{COMPANY}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="title"><span>Title</span> 
					<div class="grouping {TITLE_ERROR}">
						<input type="radio" id="i-title1" {TITLE_MR} name="mf_title" value="Mr" /><label for="i-title1">Mr</label>
						<input type="radio" id="i-title2" {TITLE_MS} name="mf_title" value="Ms" /><label for="i-title2">Ms</label>
					</div>
				</label>
			</div>
			<div  class="onethird">
				<label for="firstname"><span>First Name</span> 
					<input class="{FIRSTNAME_ERROR}" type="text" id="firstname" name="mf_firstname" value="{FIRSTNAME}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="lastname"><span>Last Name <span>*</span></span> 
					<input required="required" class="{LASTNAME_ERROR}" type="text" id="lastname" name="mf_r_lastname" value="{LASTNAME}" />
				</label>
			</div>
			<div  class="half">
				<label for="email"><span>Email address <span>*</span></span> 
					<input required="required" class="{EMAIL_ERROR}" type="text" id="email" name="mf_r_email" value="{EMAIL}" />
				</label>
			</div>
			<div  class="half">
				<label for="telephone"><span>Telephone</span> 
					<input class="{TELEPHONE_ERROR}" type="text" id="telephone" name="mf_telephone" value="{TELEPHONE}" />
				</label>
			</div>
			<div  class="full">
				<label for="address"><span>Address</span> 
					<input class="{ADDRESS_ERROR}" type="text" id="address" name="mf_address" value="{ADDRESS}" />
				</label>
			</div>
			<div  class="onethird">
				<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="zipcode"><span>Zipcode <span>*</span></span> 
					<input required="required" class="{ZIPCODE_ERROR}" type="text" id="zipcode" name="mf_r_zipcode" value="{ZIPCODE}" />
				</label>
			</div>
			<div  class="onethird">
				<label for="country"><span>Country</span> 
					<input class="{COUNTRY_ERROR}" type="text" id="country" name="mf_country" value="{COUNTRY}" />
				</label>
			</div>
			<div  class="full">
				<label for="subject"><span>Subject</span> 
					<input class="{SUBJECT_ERROR}" type="text" id="subject" name="mf_subject" value="{SUBJECT}" />
				</label>
			</div>
			<div  class="full">
				<label for="message"><span>Message <span>*</span></span> 
					<textarea required="required" rows="5" cols="80" class="{MESSAGE_ERROR}" id="message" name="mf_r_message">{MESSAGE}</textarea>
				</label>
			</div>
			<div  class="full">
				<label for="privacy"><span>Privacy <span>*</span></span> 
					<div class="grouping {PRIVACY_ERROR}">
						<input required="required" type="checkbox" id="i-privacy1" {PRIVACY_I_AGREE_THAT_THE_DATA_I_PROVIDE_IS_STORED_AND_USED_TO_CONTACT_ME_TO_FULFILL_MY_REQUEST} name="mf_r_privacy[]" value="I agree that the data I provide is stored and used to contact me to fulfill my request" /><label for="i-privacy1">I agree that the data I provide is stored and used to contact me to fulfill my request</label>
					</div>
				</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)