برچسب <select> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
لیست کشویی را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

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

<label for="cars">Choose a car:</label>

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>


تعریف و کاربرد

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

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

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

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

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<select> بله بله بله بله بله

ویژگی‌ها

ویژگی مقدار شرح
autofocus autofocus مشخص می‌کند که فهرست کشویی باید هنگام بارگذاری صفحه، بصورت خودکار مورد تمرکز (focus) قرار بگیرد
disabled disabled مشخص می‌کند که فهرست کشویی باید غیرفعال شود
form form_id مشخص می‌کند که فهرست کشویی (drop-down) به کدام فرم تعلق دارد
multiple multiple مشخص می‌کند که چندین گزینه را بصورت یکجا باید بتوان انتخاب کرد
name name یک نام برای فهرست کشویی تعریف می‌کند
required required مشخص می‌کند که کاربر قبل از ارسال فرم، باید یک مقدار را انتخاب کند
size number تعداد گزینه‌های نمایان در یک فهرست کشویی را تعریف می‌کند

ویژگی‌های سراسری

همچنین برچسب <select> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <select> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شی Select (Select Object)

آموزش CSS: سبک‌دهی به فرم‌ها (Styling Forms)

تنظیمات پیش‌فرض CSS

ندارد.

منابع آموزشی