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>
</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>