تگ select در HTML
با استفاده از تگ select در HTML میتوانید یک لیست کشویی باز شو ایجاد کنید.
مثال
در مثال زیر یک لیست کشویی با چهار گزینه ایجاد کرده ایم:
تعریف و کاربرد
از تگ select در HTML برای ایجاد لیست کشویی استفاده می شود.
عنصر <select> برای گرفتن ورودی از کاربر معمولاً در فرم ها استفاده می شود.
خاصیت name همیشه باید برای تگ <select> مشخص شود زیرا اطلاعات این عنصر بعد از ارسال برای سرور با این خاصیت قابل شناسایی و استفاده است ، در صورتی که این ویژگی تنظیم نشود اطلاعات سمت سرور ارسال نمی شود.
برای برقراری ارتباط بهتر بین label و عنصر <select> از ID استفاده کنید.
از تگ <option> در عنصر <select> برای ایجاد گزینه های لیست کشویی استفاده می شود.
پشتیبانی مرورگر ها
| عنصر | |||||
|---|---|---|---|---|---|
<select> | بله | بله | بله | بله | بله |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | مشخص میکند که لیست به صورت پیش فرض به محض بارگیری کامل صفحه روی آن فوکوس شود (یعنی در حالت انتخاب در می آید) |
| disabled | disabled | مشخص میکند که لیست غیرفعال باشد |
| form | form_id | مشخص میکند که لیست متعلق به ۱ یا چندین فرم می باشد |
| multiple | multiple | قابلیت انتخاب همزمان چندین گزینه یا آیتم را در لیست مشخص میکند ، برای انتخاب بیش از یک گزینه باید دکمه Ctrl را از روی صفحه کلید نگه دارید سپس با ماوس بروی گزینه های مورد نظرتان کلیک نمایید |
| name | name | یک نام برای لیست کشویی تعریف می کند |
| required | required | مشخص میکند که انتخاب کردن حداقل یکی از گزینه های لیست ضروری می باشد |
| size | number | تعداد گزینه های قابل نمایش در لیست را مشخص میکند |
خواص عمومی
تگ select از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ select از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
هیچ دستور پیش فرض CSS ندارد.
مثال های بیشتر
در مثال زیر با استفاده از تگ <optgroup> گزینه های لیست کشویی را دسته بندی کرده ایم:
آیا این مطلب برای شما مفید بود ؟
روانشناسى جاهل
و درود خدا بر او، فرمود: نادان را يا تندرو يا كند رو مى بينى.
حکمت 70 نهج البلاغه
