برای ساخت یک لیست dropdown در فرم تماس 7 چه کدی لازم است؟
- نفیسه افقی 3 سال قبل سوال کرد
- آخرین ویرایش 3 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای ساخت یک dropdown list یا فهرست پایین افتادنی در فرم تماس 7 ، کافی است که از الگوی زیر استفاده کنید:
[select* degree first_as_label "مدرک تحصیلی" "دکترا و بالاتر" "کارشناسی ارشد" "کارشناسی" "فوق دیپلم" "دیپلم" "پایین تر"]
select
:مشخص میکند که این آیتم از نوع dropdown است*
:مشخص می کند که پر کردن آن برای کاربر ضروری استdegree
:شناسه یا id این آیتم را مشخص میکند (بعداً در قسمت ایمیل می توانید از آن استفاده کنید)first_as_label
:مشخص می کند که اولین آیتم فقط برای نمایش است و جزو آیتم های انتخابی حساب نمی شود (به اصطلاح تنها یک placeholder است)- :مابقی، مقادیر آیتم ها است
مثلاً قطعه کد زیر برای ساخت فرم شکل زیر است:
<div class="column one-second">[text* family-name placeholder "نام و نام خانوادگی (*)"] </div>
<div class="column one-second">[number age placeholder "سن"] </div>
<div class="column one">[select degree first_as_label "مدرک تحصیلی" "دکترا و بالاتر" "کارشناسی ارشد" "کارشناسی" "فوق دیپلم" "دیپلم" "پایین تر"]</div>
<div class="column one-second">[text field placeholder "رشته تحصیلی"] </div>
<div class="column one-second">[select* introduction first_as_label "نحوه آشنایی با مجموعه (*)" "سرچ گوگل" "معرفی دوستان" "اینستاگرام" "سایر موارد"]</div>
<div class="column one-second">[select marriage first_as_label "وضعیت تاهل" "مجرد" "متاهل" "متارکه"]</div>
<div class="column one-second">[text current_job placeholder "شغل فعلی"] </div>
<div class="column one-second">[select english first_as_label "آشنایی با زبان انگلیسی" "ندارم " "متوسط" "مدرک دارم"]</div>
<div class="column one-second">[select french first_as_label "آشنایی با زبان فرانسه" "ندارم " "متوسط" "حرفه ای"]</div>
<div class="column one-second">[email* email placeholder "ایمیل (*)"] </div>
<div class="column one-second">[tel* tel placeholder "شماره تماس (*)"]</div>
<div class="column one">[textarea message x4 placeholder "توضیحات بیشتر"]</div>
<div class="column one">[submit "ارسال"]</div>
- نفیسه افقی 3 سال قبل پاسخ داد
- آخرین ویرایش 3 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید