رفتن به مطلب

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


hushmandyar

پست های پیشنهاد شده

این از کد 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>

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...