Y Tools

Y Forms

Live Preview

How to Integrate

1. HTML Form
<form action="" method="post" class="wpcf7-form" dir="rtl" novalidate>
	<span class="wpcf7-form-control-wrap">
		<input type="text" name="the-name" class="wpcf7-form-control required" placeholder="שם מלא" />
	</span>
	<span class="wpcf7-form-control-wrap">
		<input type="email" name="the-email" class="wpcf7-form-control required email" placeholder="אימייל" />
	</span>
	<span class="wpcf7-form-control-wrap">
		<input type="tel" name="the-phone" class="wpcf7-form-control required cell" placeholder="טלפון נייד" />
	</span>
	<span class="wpcf7-form-control-wrap">
		<textarea name="the-message" class="wpcf7-form-control required" placeholder="הודעה"></textarea>
	</span>
	<span class="wpcf7-form-control-wrap">
		<select name="the-subject" class="wpcf7-form-control y-select required">
			<option value="">בחר נושא</option>
			<option value="1">נושא 1</option>
			<option value="2">נושא 2</option>
			<option value="3">נושא 3</option>
		</select>
	</span>
	<span class="wpcf7-form-control-wrap checkbox-wrap">
		<span class="wpcf7-form-control wpcf7-checkbox">
			<span class="wpcf7-list-item first last">
				<label>
					<input type="checkbox" name="newsletter[]" class="required" value="מאשר קבלת תכנים שיווקיים לדוא”ל" />
					<span class="wpcf7-list-item-label">קראתי ומאשר את תקנון האתר</span>
				</label>
			</span>
		</span>
	</span>
	<span class="submit-btn-wrap">
		<button type="submit" class="wpcf7-form-control wpcf7-submit y-has-loader">שליחה</button>
		<span class="wpcf7-spinner"></span>
	</span>
</form>
2. CSS Includes (Add to <head>)
<link rel="stylesheet" href="yforms.css">
<link rel="stylesheet" href="yselect.css">
3. JS Includes (Add before </body>)
<script src="yvalidate.js?lang=he"></script>
<script src="yforms.js"></script>
<script src="yselect.js"></script>