HTML <select> تیگ

تعریف و استفاده

<select> عناصر برای ایجاد لیست کشویی استفاده می‌شوند.

<select> عناصر معمولاً در فرم‌ها استفاده می‌شوند، برای جمع‌آوری ورودی کاربر.

پس از ارسال فرم، باید از ویژگی name برای ارجاع به داده‌های فرم استفاده شود (اگر ویژگی name را حذف کنید، داده‌های لیست کشویی ارسال نمی‌شوند).

<select> در داخل عناصر برچسب <option> تعریف گزینه‌های موجود در لیست کشویی.

برای مرتبط کردن لیست کشویی با برچسب (label) باید از ویژگی id استفاده شود.

توضیح:همیشه اضافه کنید <label> برچسب برای بهبود عملکرد دسترسی بهتر!

لطفاً به:

دستورالعمل HTML DOM:موضوع Select

آموزش CSS:تنظیم استایل فرم

مثال

مثال 1

ایجاد یک لیست کشویی شامل چهار گزینه:

<label for="cars">لطفاً یک برند خودرو انتخاب کنید：</label>
<select name="cars" id="cars">
  <option value="audi">آئودی</option>
  <option value="byd">بی‌یان‌دی</option>
  <option value="geely">جلی</option>
  <option value="volvo">ولوو</option>
</select>

به طور شخصی امتحان کنید

مثال 1

مثال 2 <select> با استفاده از برچسب <optgroup> به همراه:

<label for="cars">لطفاً یک برند خودرو انتخاب کنید：</label>
<select  name="cars" id="cars">
  <optgroup label="China cars">
    <option value="byd">بی‌یان‌دی</option>
    <option value="geely">جلی</option>
  </optgroup>
  <optgroup label="آutos of Germany">
    <option value="mercedes">مرسدس</option>
    <option value="audi">آئودی</option>
  </optgroup>
</select>

به طور شخصی امتحان کنید

ویژگی

ویژگی مقدار توضیح
اتوفوقوس اتوفوقوس مقصد اینکه لیست کشویی در زمان بارگذاری صفحه به طور خودکار تمرکز پیدا کند.
غیرفعال غیرفعال مقصد غیرفعال کردن لیست کشویی.
فرم آی‌دی فرم تعریف فرم متعلق به لیست کشویی.
کثیر کثیر مقصد اجازت انتخاب چندین گزینه در یک مرتبه.
name نام پائیدار لسانی فہرست کا نام معین کرتا ہے۔
required required یہ کہتا ہے کہ فرم ارسال سے پہلے استعمال کنندہ کو کوئی بھی آپسی کو منتخب کرنا چاہئے۔
size اعداد پائیدار لسانی فہرست میں دیکھائی جانے والی آپسی کی تعداد کو معین کرتا ہے۔

عالمی ویژگی

<select> تگ بھی اونجمن ویژگی کا حامل ہے HTML میں عالمی ویژگی.

اونجمن ویژگی

<select> تگ بھی اونجمن ویژگی کا حامل ہے HTML میں اونجمن ویژگی.

مجوز کئے گئے CSS تنظیمات

غیر موجود

براوزر کا دعوا

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
مستند مستند مستند مستند مستند