WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

RECENTLY VISITED
CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com

FORM ELEMENTS

  1. Home
  2. Shortcodes
  3. Form Elements

FORM ELEMENTS

Smarty use a smart PHP class written from scratch to catch all form fields , upload files and create a body email message, without touching the PHP code or the Javascript code. Just write the HTML form code and that's it!

This might be a very unique feature because you can create multiple working forms and you don't have to write a single line of code in PHP or javascript. All forms will be sent automaticaly via email. Also, validation is included! You can add any form fields you like, no limit!

Ajax Working Form

Choose File
Max file size: 10Mb (zip/pdf/jpg/png)
Show Code 
<!-- 
	.validate 				- class used to activate validation plugin

	data-success="Sent! Thank you!" 	- used by toastr to print the message
	data-toastr-position="top-right"	- toastr message position:
		.top-right
		.top-left
		.bottom-right
		.bottom-left

	php/contact.php 			- action form required to be pointed here!

	NOTE: Add .required class for required fields.
	All input elements name required to be array format: contact[first_name], contact[last_name], etc
 -->
<form class="validate" action="php/contact.php" method="post" enctype="multipart/form-data" data-success="Sent! Thank you!" data-toastr-position="top-right">
	<fieldset>
		<!-- required [php action request] -->
		<input type="hidden" name="action" value="contact_send" />

		<div class="row">
			<div class="form-group">
				<div class="col-md-6 col-sm-6">
					<label>First Name *</label>
					<input type="text" name="contact[first_name]" value="" class="form-control required">
				</div>
				<div class="col-md-6 col-sm-6">
					<label>Last Name *</label>
					<input type="text" name="contact[last_name]" value="" class="form-control required">
				</div>
			</div>
		</div>

		<div class="row">
			<div class="form-group">
				<div class="col-md-6 col-sm-6">
					<label>Email *</label>
					<input type="email" name="contact[email]" value="" class="form-control required">
				</div>
				<div class="col-md-6 col-sm-6">
					<label>Phone</label>
					<input type="text" name="contact[phone]" value="" class="form-control">
				</div>
			</div>
		</div>

		<div class="row">
			<div class="form-group">
				<div class="col-md-12">
					<label>
						File Attachment 
						<small class="text-muted">Curriculum Vitae - optional</small>
					</label>

					<!-- custom file upload -->
					<div class="fancy-file-upload fancy-file-primary">
						<i class="fa fa-upload"></i>
						<input type="file" class="form-control" name="contact[attachment]" onchange="jQuery(this).next('input').val(this.value);" />
						<input type="text" class="form-control" placeholder="no file selected" readonly="" />
						<span class="button">Choose File</span>
					</div>
					<small class="text-muted block">Max file size: 10Mb (zip/pdf/jpg/png)</small>

				</div>
			</div>
		</div>

	</fieldset>

	<div class="row">
		<div class="col-md-12">
			<button type="submit" class="btn btn-3d btn-teal btn-block margin-top-30">
				SUBMIT
			</button>
		</div>
	</div>

</form>