جافا سكربت موبايل قائمة اختيار النموذج

قائمة التحديد لجافا سكريبت موبايل

قائمة التحديد على أجهزة الآيفون:

قائمة التحديد على أجهزة أندرويد:

عنصر <select> يخلق قائمة منسدلة تحتوي على عدة خيارات.

عنصر <option> في عنصر <select> يحدد الخيارات المتاحة في القائمة:

مثال

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">اختر التاريخ</label>
    <select name="day" id="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

به طور مستقیم امتحان کنید

إشارة:إذا كان القائمة تحتوي على سلسلة طويلة من الخيارات ذات الصلة، استخدم عنصر <optgroup> في <select>:

مثال

<select name="day" id="day">
   <optgroup label="Weekdays">
    <option value="mon">Monday</option>
    <option value="tue">Tuesday</option>
    <option value="wed">Wednesday</option>
   </optgroup>
   <optgroup label="Weekends">
    <option value="sat">Saturday</option>
    <option value="sun">Sunday</option>
   </optgroup>
</select>

به طور مستقیم امتحان کنید

قائمة التحديد المخصصة

الصورة في الجزء العلوي من الصفحة توضح الطريقة الفريدة لعرض قائمة التحديد على منصات المحمول.

إذا كنت ترغب في عرض نفس الشكل لقائمة التحديد على جميع الأجهزة المحمولة، استخدم قائمة التحديد المخصصة لجافا سكريبت، استخدام خاصية data-native-menu="false":

مثال

<select name="day" id="day" data-native-menu="false">

به طور مستقیم امتحان کنید

اختيارات متعددة

إذا كنت ترغب في اختيار عدة خيارات في قائمة التحديد، استخدم خاصية multiple في عنصر <select>：

مثال

<select name="day" id="day" multiple data-native-menu="false">

به طور مستقیم امتحان کنید

مثال‌های بیشتر

از data-role="controlgroup" استفاده کنید
چگونه یک یا چند منوی انتخابی را ترکیب کنید.
از data-type="horizontal" استفاده کنید
چگونه یک منوی انتخابی را به صورت افقی ترکیب کنید.
گزینه پیش‌انتخاب شده
چگونه یک گزینه را پیش‌انتخاب کنید.
فرم قابل فروکش
چگونه یک فرم قابل فروکش ایجاد کنید.