English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يعبر عن عنصر <select> في HTML عن عنصر تحكم، يخلق قائمة منسدلة يمكن للمستخدم اختيار منها. تعريف هذه القيم من خلال سلسلة من علامات <option> داخل علامة <select>. هذه العلامة تُعرف أيضًا بعنصر <select>.
إنشاء قائمة منسدلة تحتوي على عدة خيارات:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة HTML select (دليل أساسي من موقع oldtoolbag.com)</title> </head> <body> <label for="pet-select">اختر حيوانًا أليفًا:</label> <select name="pets" id="pet-select"> <option value="">--يرجى اختيار خيار--</option> <option value="dog">Dog</option> <option value="cat">Cat</option> <option value="hamster">Hamster</option> <option value="parrot">Parrot</option> <option value="spider">Spider</option> <option value="goldfish">Goldfish</option> </select> </body> </html>اختبار لـ ‹/›
IEFirefoxOperaChromeSafari
دعم جميع المتصفحات الشائعة لعلامة <select>.
استخدام علامة <select> لإنشاء قائمة منسدلة.
في علامة <select> عنصر <option> العلامات، هذه العلامات توفر قائمة من القيم المنسدلة، الخيارات المتاحة.
بشكل افتراضي، الخيار الأول في علامة <select> سيظهر كالخيار المحدد. يمكن للمستخدم اختيار خيار آخر من القائمة المنسدلة.
نصيحة:<select> عنصر عنصر التكوين للنموذج، يمكن استخدامه لقبول إدخال المستخدم في النموذج.
أضاف HTML5 بعض الخصائص الجديدة.
New: خصائص جديدة في HTML5.
| الخصائص | القيمة | الوصف |
|---|---|---|
| autofocusHTML5 | autofocus | يحدد أن القائمة المنسدلة ستتمكن من الحصول على التركيز تلقائيًا عند تحميل الصفحة. |
| disabled | disabled | عندما يكون هذا الخصائص صحيحاً، سيتم تعطيل القائمة المنسدلة. |
| formHTML5 | form_id | يحدد أحد أو أكثر النماذج التي تنتمي إلى حقل select. |
| multiple | multiple | عندما يكون هذا الخصائص صحيحاً، يمكن اختيار عدة خيارات. |
| name | text | يحدد اسم القائمة المنسدلة. |
| requiredHTML5 | required | يحدد أنه يجب على المستخدم اختيار خيار من القائمة المنسدلة قبل تقديم النموذج. |
| size | number | يحدد عدد الخيارات المرئية في القائمة المنسدلة. |
دعم <select> العنوان خصائص العالمية في HTML.
دعم <select> العنوان خصائص الحدث في HTML.
دليل مرجع DOM HTML: مفهوم Select