تگ select در HTML

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

تگ select چیست؟

تگ select برای ساخت لیست های کشویی به کار می رود.

برای افزودن داده های قابل انتخاب به لیست های کشویی باید از تگ option کمک گرفت.

این تگ با <select> شروع شده و با </select> پایان می یابد.

<select></select>

صفات تگ select

در این بخش با صفات تگ select آشنا خواهید شد.

صفت autofocus

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

<select autofocus></select>

صفت disabled

برای غیرفعال کردن لیست به کار می رود.

<select disabled></select>

صفت form

فرم مربوط به لیست را جهت ارسال به سرور مشخص می کند.

<select form="ID"></select>

صفت multiple

قابلیت انتخاب همزمان چند گزینه از لیست را فراهم می کند.

ابتدا دکمه CTRL را نگه داشته سپس گزینه های دلخواه را انتخاب نمایید.

<select multiple></select>

صفت name

برای لیست نام انتخاب می کند.

<select name="NAME"></select>

صفت required

انتخاب حداقل یک گزینه از لیست را اجباری می کند.

<select required></select>

صفت size

تعداد گزینه های قابل نمایش لیست را مشخص می کند.

<select size="Number"></select>

مثال تگ select

کد:

<select>
  <option value="white">سفید</option>
  <option value="red">قرمز</option>
  <option value="blue">آبی</option>
  <option value="green">سبز</option>
  <option value="yellow">زرد</option>
</select>

اجرا

سازگاری با مرورگرها

تگ select با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS