ijquery

فرم با خاصیت برچسب متحرک

screenshot

با استفاده از این پلاگین می توانید در سایت خود فرمی زیبا و سبک داشته باشید.

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

    <link href="css/main.css" rel='stylesheet' type='text/css'>
    <link href="css/jquery.FlowupLabels.css" rel='stylesheet' type='text/css'>
    <script src='js/jquery.min.js'></script>
    <script src='js/jquery.FlowupLabels.js'></script>

2-  کد html جهت استفاده پلاگین

	<div id='formContainer'>
		<form id='formBody' class='FlowupLabels'>
			<div class='fl_wrap'>
				<label class='fl_label' for='rf_name'>نام کاربری :</label>
				<input class='fl_input' type='text' id='rf_name' />
			</div>
			<div class='fl_wrap'>
				<label class='fl_label' for='rf_email'>ایمیل :</label>
				<input class='fl_input' type='email' id='rf_email' />
			</div>
			<div class='fl_wrap'>
				<label class='fl_label' for='rf_company'>شرکت :</label>
				<input class='fl_input' type='text' id='rf_company' />
			</div>
			<div class='fl_wrap'>
				<label class='fl_label' for='rf_phone'>تلفن همراه :</label>
				<input class='fl_input' type='tel' id='rf_phone' />
			</div>
			<p>
				<input class='rf_submit' type='submit' value='ارسال' />
			</p>
		</form>
	</div>
    <script src='js/main.js'></script>

 


پیش نمایش دانلود فایل پلاگین

1 دیدگاه دربارهٔ «فرم با خاصیت برچسب متحرک»

  1. سلام ، ببخشید من میخوام اطلاعات این فرم رو به ایمیل من بفرسته ، مثل فرم تماس با ما ، چیکار باید بکنم ؟
    ممنون میشم اگه راهنمایی کنید

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *