hushmandyar

کد فرم تماس html وcss

4 پست در این موضوع قرار دارد

با سلام

کسی می تونه کد فرمی مثل سایت آچارباز به نشانیa4baz.com مثل هدر برام ارسال کنه

لطفا html5 باشه

ممنون می شم.

0

به اشتراک گذاری این پست


لینک به پست

سلام

دوست عزیز فقط کد HTML مهم نیست که، شما برای نمایش به این فرم در 2 ستون و با این استایل باید CSS داشته باشید به همراه HTML

0

به اشتراک گذاری این پست


لینک به پست

این از کد HTML این فرم:

 

<form id="sendRequest" role="form-inline" data-select2-id="sendRequest">
<input name="acl" type="hidden" value="33e3b0fe311e7b73e13cbf58c71d19e0bcc4000a">
<div class="row" data-select2-id="13">
<div class="col-md-6 col-xs-12 form-group" data-select2-id="12">
<select name="fixcat" class="form-control fal_input select_main_form select2-hidden-accessible" id="select_cat" required="" data-select2-id="select_cat" tabindex="-1" aria-hidden="true">
<option value="" disabled="" selected="" data-select2-id="2">گروه کالا ...</option>
<option value="1">پرینتر،پلاتر، اسکنر، کارتریج</option><option value="2">کامپیوتر،لپ تاپ،نرم افزار</option><option value="3">سرور و شبکه</option><option value="4">صوتی و تصویری</option><option value="5">بازیابی اطلاعات و تعمیر هارددیسک</option><option value="6">کپی و دستگاه های تکثیر</option><option value="7">خدمات مخابراتی و زیر ساخت</option><option value="8">خدمات برق ساختمانی </option><option value="9">خدمات سیستمهای محافظتی دوربین مداربسته، دزدگیر</option><option value="10">موبایل، تبلت</option></select><span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="rtl" data-select2-id="1" style="width: 213.75px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-select_cat-container"><span class="select2-selection__rendered" id="select2-select_cat-container" role="textbox" aria-readonly="true" title="گروه کالا ...">گروه کالا ...</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div class="col-md-6 col-xs-12 form-group" data-select2-id="19">
<select name="fixsubcat" class="form-control fal_input select_main_form select2-hidden-accessible" id="select_subcat" required="" data-select2-id="select_subcat" tabindex="-1" aria-hidden="true">
<option value="" disabled="" selected="" data-select2-id="4">سرویس و خدمات ...</option>
</select><span class="select2 select2-container select2-container--default select2-container--below" dir="rtl" data-select2-id="3" style="width: 213.75px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-select_subcat-container"><span class="select2-selection__rendered" id="select2-select_subcat-container" role="textbox" aria-readonly="true" title="سرویس و خدمات ...">سرویس و خدمات ...</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
<div class="row" data-select2-id="23">
<div class="col-md-6 col-xs-12 form-group" data-select2-id="22">
<select name="fixcity" class="form-control fal_input select_main_form select2-hidden-accessible" id="Select1" data-select2-id="Select1" tabindex="-1" aria-hidden="true">
<option data-select2-id="6">تهران</option>
<option value="" disabled="" data-select2-id="24">به زودی سایر شهرها</option>
</select><span class="select2 select2-container select2-container--default select2-container--below" dir="rtl" data-select2-id="5" style="width: 213.75px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-Select1-container"><span class="select2-selection__rendered" id="select2-Select1-container" role="textbox" aria-readonly="true" title="تهران">تهران</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div class="col-md-6 col-xs-12 form-group">
<input name="fixtel" type="text" class="form-control fal_input numberonly main_form_input" placeholder="شماره همراه" maxlength="11" onkeyup="if (/D/g.test(this.value)) {this.value = this.value.replace(/D/g,&quot;&quot;); }" value="" id="telNo" required="">
</div>
</div>
<div class="row" data-select2-id="28">
<div class="col-md-6 col-xs-12 form-group">
<input name="fixref" type="text" class="form-control fal_input preferDate numberonly main_form_input" placeholder="کد معرف (اختیاری)" id="Text1" value="" style="width:100%;">
</div>
<div class="col-md-6 col-xs-12 form-group" data-select2-id="27">
<select name="fixdate" class="form-control fal_input select_main_form select2-hidden-accessible" id="select_date" required="" data-select2-id="select_date" tabindex="-1" aria-hidden="true">
<option value="" disabled="" selected="" data-select2-id="8">تاریخ</option>
<option value="1397/06/24" data-select2-id="29">فردا : شنبه 24 شهریور</option><option value="1397/06/25" data-select2-id="30">یکشنبه 25 شهریور</option><option value="1397/06/26" data-select2-id="31">دوشنبه 26 شهریور</option></select><span class="select2 select2-container select2-container--default select2-container--below" dir="rtl" data-select2-id="7" style="width: 213.75px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-select_date-container"><span class="select2-selection__rendered" id="select2-select_date-container" role="textbox" aria-readonly="true" title="تاریخ">تاریخ</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
<div class="row" data-select2-id="35">
<div class="col-md-12 col-xs-12 form-group" data-select2-id="34">
<select name="fixtime" class="form-control fal_input select_main_form select2-hidden-accessible" id="select_time" required="" data-select2-id="select_time" tabindex="-1" aria-hidden="true">
<option value="" disabled="" selected="" data-select2-id="10"> زمان درخواستی </option>
<option value="1" data-select2-id="36">8:30 تا 12:00</option><option value="2" data-select2-id="37">12:00 تا 17:00</option><option value="3" data-select2-id="38">17:00 تا 21:00</option></select><span class="select2 select2-container select2-container--default select2-container--below" dir="rtl" data-select2-id="9" style="width: 457.5px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-select_time-container"><span class="select2-selection__rendered" id="select2-select_time-container" role="textbox" aria-readonly="true" title=" زمان درخواستی "> زمان درخواستی </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="spinner" style="display: none;">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
<input type="hidden" name="fixlat" id="fixlat">
<input type="hidden" name="fixlan" id="fixlan">
<button type="submit" id="submit" class="btn btn-warning waves-effect waves-light" style="width:100%;">ثبت درخواست کارشناس</button>
<p id="alertBX" class="alert_message" style="display:none;"> </p>
<p><button id="showformrequest" class="btn btn-lg btn-sbmt" style="display:none;">درخواست جدید</button></p>
</form>

 

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط razoor_77
      سلام
      من فرم تماس زیر رو تو سایتم ساختم
      http://sh-v.ir/hafez/asli/2018/07/24/booking/
      بعد می خوام تاریخ  Check out همیشه بزرگ تر  از Check in باشه .
      افزونه ای هم که فرمم رو باهاش ساختم content form 7 هست . راه حلی جز تعویض افزونه ارائه کنید. خیلی ممنون
    • توسط unid_user
      سلام دوستان
      من میخوام با افزونه contactform7 یا هر فرم ساز دیگه ای فرمی رو طراحی کنم که اطلاعات کاربران سایتم رو مانند شماره شناسنامه و عکس پرسنلی شون رو دریافت کنه. اما نمیدونم این اطلاعات رو کجا و چطوری ذخیره میکنه. من میخوام با دیتا بیس ارتباط بگیرم و این ارتباط از طریق افزونه فرم ثبت نامی که گفتم برقرار بشه. اگه بتونم بصورت یک فایل متنی یا pdf خروجی بگیرم. نمیدونم توقع زیادی هست که از وردپرس دارم یا نه؟! ممنون میشم اگه از دوستان کسی میدونه یا تجربه داره من و راهنمایی کنه.
      سپاس
    • توسط A.Nahvi
      سلام،
      آقا یه چند روزه دارم با این افزونه فرم تماس 7 درگیر میشم (همه چی رو تست کردم ولی آخر سر این ارور رو میده : 
      FAILED TO SEND YOUR MESSAGE. PLEASE TRY LATER OR CONTACT THE ADMINISTRATOR BY ANOTHER METHOD.   هر راهی که به ذهنتون میرسه بگین خواهشا خیلی گیرشم ... ممنون از همراهیتون.
    • توسط صدرا
      سلام
      من دیگه کلا افزونه contact form 7 رو خط کشیدم دورش.
      چون وقتی کسی پیام میفرسته، دریافت ایمیلش بگیر نگیر داره، تازگیا هم که دیگه کلا نگیره! و معمولا ایمیلش برام نمیاد. به خاطر همین دیگه از وبسایت برداشتمش که مخاطبا به اشتباه نیفتن که پیامشون بهم رسیده...
      دوستان اگر کسی راه حلش رو میدونه بگه.
      یا هم اینکه لطف کنید افزونه‌ای معرفی کنید که:
      ۱- امکان ساخت چند عدد فرم مختلف داشته باشه.
      ۲- امکان این باشه که مشخصات مخاطب (نام، ایمیل، موضوع پیام) اختیاری باشه.
      ۳- حتما و به صورت تضمینی وقتی کسی پیام میفرسته ایمیلش بیاد. (بدیهیه که در غیر این صورت پشیزی نمیارزه)
    • توسط Milad123
      افزونه Fast Secure Contact Form برای اولین بار 100% فارسی سازی شده!!!
      تقریبا تمام قسمت ها فارسی شده،حتی راهنمایی هاش!
      ترجمه این افزونه خیلی وقت گیر بود،منم چون این انجمن تا الان خیلی کمکم کرده،اینو فقط به عشق کاربرای اینجا کامل ترجمه کردم
      امیدوارم بدردتون بخوره...
      این افزونه در اصل یک فرم تماس هستش اما با امکانات خیلی زیاد و مدیریت بی نظیر
      توصیه میکنم افزونه رو حتما نصب کنید تا به امکانات بی نظیرش پی ببرید!
      مشخصات افزونه:
      نام فارسی: فرم تماس سریع و امن
      نام انگلیسی: Fast Secure Contact Form
      ورژن: 4.0.18
      برخی از امکانات افزونه:
      1. رابط کاربری جدید با زبانه
      2. قابلیت اضافه کردن هر تعداد فیلد به فرم
      3. قابلیت ایجاد بی نهایت فرم
      4. قابلیت شخصی سازی کامل
      5. قابلیت فعال/غیرفعال کردن ایمیل تایید
      6. قابلیت پشتیبانی و جلوگیری از اسپم با افزونه اکیسمت
      7. قابلیت ارسال پاسخ اتوماتیک
      8. قابلیت تغییر پیام های خطای فرم به سلیقه ی خود
      9. قابلیت تنظیم انواع فیلدهای ضروری و غیرضروری
      10. پشتیبانی از تصویر امنیتی (Captcha)
      11. قابلیت به دام انداختن ربات های اسپمر
      12. امکان اجازه/عدم اجازه به کاربر برای استفاده از HTML در فرم
      13. امکان رزرو قرار ملاقات
      14. قابلیت پشتیبان گیری (تهیه نسخه پشتیبان) از هر قسمت افزونه
      15. قابلیت کپی کردن تنظیمات یک فرم بر روی فرمی دیگر
      16. قابلیت انتقال یک فرم از سایت به سایتی دیگر
      17. امکان خبرنامه
      18. امکان تنظیم فرمت برای تاریخ و زمان
      19. امکان پنهان کردن تصویر امنیتی برای گروهی خاص (مثلا مدیر کل)
      20. قابلیت هدایت کاربر به هر صفحه ای پس از ارسال فرم
      21. قابلیت ارسال اتوماتیک سوالات به یک آدرس URL خاص
      22. قابلیت ارسال فایل پیوست
      23. مدیریت کامل فایل های پیوست
      24. امکان حذف اتوماتیک فایل های پیوست از روی سرور پس از ارسال به ایمیل
      25. پر شدن اتوماتیک فیلدهای نام و پست الکترونیک برای کاربران لوگین کرده در سایت
      26. و چندین امکان بی نظیر دیگر...
      صفحه افزونه در مخزن وردپرس:
      http://wordpress.org...i-contact-form/
      توجه : برای فارسی بودن فقط فایل پیوست را دانلود کنید،فایل داخل مخزن وردپرس فارسی نیست!
      si-contact-form.zip