تگ select در HTML

HTML <select> Tag

تگ <select> در HTML برای ایجاد منوی پایین بازشو بکار می رود. این تگ از چندین تگ <option> تشکیل می شود که هر کدام مقداری برای انتخاب توسط کاربر به حساب می آیند.

مثال:

<form>
    <label for="colors">رنگ مورد علاقه خود را انتخاب کنید:</label>
    <select name="colors" id="colors">
       <option value="Blue">آبی</option>
       <option value="Green">سبز</option>
       <option value="Red">قرمز</option>
       <option value="Beige">بژ</option>
     </select>
</form>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

مثال بالا یک نمونه متداول در کار با تگ <select> می باشد. به این تگ صفت id داده شده و از مقدار آن در صفت for در تگ label مربوطه استفاده شده است (هر دو مقدار colors دارند). این تگ به مانند تمام تگ های رایج در ساخت فرم، از صفت name استفاده می کند تا در صورت تایید و ارسال اطلاعات از سوی کاربر، مقدار این فیلد به همراه نام آن به سرور منتقل شود. هر تگ <select> توسط تگ های زیر مجموعه <option> تشکیل می شود.

هر تگ option باید از صفت value برخوردار باشد. چراکه در صورت انتخاب یکی از آنها، مقدار value آنها به عنوان مقدار انتخاب شده به سرور منتقل می شود. اگر از صفت value در هیچ یک از تگ های option بکار نرفته باشد، متن داخل تگ به عنوان مقدار فرستاده خواهد شد.

صفت ها (َAttributes)

autofocus

مشخص می کند که بعد از لود صفحه، این عنصر به حالت فعال در بیاید.

disabled

مشخص می کند که عنصر بحالت غیر فعال دربیاید.

form

مشخص می کند که کدام عنصر <select> به کدام عنصر form مربوط باشد.

multiple

مشخص می کند که چندین option در یک لیست می توانند انتخاب شوند.

required

مشخص می کند که برای تایید و ارسال اطلاعات فرم، باید یکی از مقادیر <select> انتخاب شود.

name

این صفت یک نام را برای این تگ مشخص می کند.

پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.