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 پشتیبانی می کنند.