آموزش تگ select در Html

برای ایجاد یک لیست بازشو یا کشویی که به صورت drop-down باشد و شامل چندین عنصر, از تگ select نیز استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )

عناصر موجود در تگ select درون تگ option قرار داند و هرکدام دارای یک value می باشند که مقادیر درون لیست کشویی را شامل می شود. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

تگ select می تواند برای سنجش تعداد ورودی های کاربران هم مفید باشد و در واقع به عنوان کنترل فرم به کار برود.

قطعه کد زیر نحوه به کارگیری تگ select را نشان می دهد:

<!DOCTYPE html>

<html>

<body>

<option value="محصول اول">محصول اول</option>

<option value="محصول دوم">محصول دوم</option>

<option value="محصول سوم">محصول سوم</option>

<option value="محصول چهارم">محصول چهارم</option>

</select>

</body>

</html>

خصوصیت های تگ select در form:

خصوصیت	مقدار	توضیحات
autofocus	autofocus	توسط این خصوصیت می توانیم مشخص نماییم که مکان نمای موس هنگام لود شدن صفحه در محل فیلد پیش فرض باشد. پشتیبانی از Html5
disabled	disabled	با استفاده از این خصوصیت می توانیم لیست کشویی را غیر فعال نشان دهیم.
form	?form_id	توسط این خصوصیت فرم یا فرم هایی را که به فیلد موردنظر مربوط می باشد را مشخص می کنیم. پشتیبانی از Html5
multiple	multiple	با استفاده از این خصوصیت به کاربر این اجازه را می دهیم که به تواند مقادیر مختلفی را انتخاب کند.
name	name	توسط این ویژگی یک نام می توان برای لیست کشویی خود قرار دهیم.
required	required	با استفاده از این خصوصیت از کاربر خواسته می شود که حتما فیلد مورد نظر را پر کند. پشتیبانی از Html5
size	number	توسط این خصوصیت می توانید تعداد مقادیر موجود درون لیست کشویی را مشخص نمایید.

تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.

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