برای ایجاد یک لیست بازشو یا کشویی که به صورت drop-down باشد و شامل چندین عنصر, از تگ select نیز استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )
عناصر موجود در تگ select درون تگ option قرار داند و هرکدام دارای یک value می باشند که مقادیر درون لیست کشویی را شامل می شود. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ select می تواند برای سنجش تعداد ورودی های کاربران هم مفید باشد و در واقع به عنوان کنترل فرم به کار برود.
قطعه کد زیر نحوه به کارگیری تگ select را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <body> <select> <option value="محصول اول">محصول اول</option> <option value="محصول دوم">محصول دوم</option> <option value="محصول سوم">محصول سوم</option> <option value="محصول چهارم">محصول چهارم</option> </select> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | توسط این خصوصیت می توانیم مشخص نماییم که مکان نمای موس هنگام لود شدن صفحه در محل فیلد پیش فرض باشد. پشتیبانی از Html5 |
| disabled | disabled | با استفاده از این خصوصیت می توانیم لیست کشویی را غیر فعال نشان دهیم. |
| form | ٰform_id | توسط این خصوصیت فرم یا فرم هایی را که به فیلد موردنظر مربوط می باشد را مشخص می کنیم. پشتیبانی از Html5 |
| multiple | multiple | با استفاده از این خصوصیت به کاربر این اجازه را می دهیم که به تواند مقادیر مختلفی را انتخاب کند. |
| name | name | توسط این ویژگی یک نام می توان برای لیست کشویی خود قرار دهیم. |
| required | required | با استفاده از این خصوصیت از کاربر خواسته می شود که حتما فیلد مورد نظر را پر کند. پشتیبانی از Html5 |
| size | number | توسط این خصوصیت می توانید تعداد مقادیر موجود درون لیست کشویی را مشخص نمایید. |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.