English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
في نماذج الويب، تستخدم علامة HTML <option> لتعريف العناصر الموجودة داخل علامات <select> أو <optgroup> أو <datalist>. يمكن استخدام <option> أيضًا لتقديم قائمة من الخيارات في نافذة popup أو قائمة أخرى في مستند HTML.
إنشاء قائمة اختيار تحتوي على 3 خيارات:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة option HTML (موقع تعليمات أساسية oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">تعليمات: </label> <select id="tutorial_choice"> <option value="html">HTML</option> <option value="css">CSS</option> <option value="sql">SQL</option> </select> </body> </body> </html>التحقق من ذلك ‹/›
في هذا مثال على مستند HTML5، نستخدم علامة <select> لإنشاء قائمة من القيم المنسقة - HTML، CSS و SQL. هذه القيم ستعمل كقائمة منسقة للمستخدمين للاختيار.
IEFirefoxOperaChromeSafari
معظم المتصفحات الشائعة تدعم علامة <option>.
<option> العنوان يعرف خيارًا في القائمة المنسدلة (مكونًا واحدًا)
المحتوى الموجود في <option> العنوان كـ <select> أو<datalist> استخدام عنصر
ملاحظة: يمكن استخدام علامة <option> بدون أي خصائص، ولكن عادة تحتاج إلى استخدام خصائص value، التي تشير إلى المحتوى الذي سيتم إرساله إلى الخادم.
ملاحظة: يرجى استخدام هذا العنوان مع عنصر select، وإلا فإن هذا العنوان ليس له معنى.
نصيحة: إذا كان هناك الكثير من خيارات القائمة، يمكنك استخدام علامة <optgroup> لتجميع الخيارات ذات الصلة.
| الخصائص | القيمة | الوصف |
|---|---|---|
| disabled | disabled | تحديد أن الخيار يجب أن يكون غير مفعل عند التحميل الأول. |
| label | text | تحديد التسمية المستخدمة عند استخدام <optgroup>. |
| selected | selected | تحديد أن الخيار يتم عرضه في حالة التحقق عند أول ظهور في القائمة. |
| value | text | تحديد قيمة الخيار التي يتم إرسالها إلى الخادم. |
يتم دعم خصائص العالمية من قبل <option> العنوان، للتحقق من جدول الخصائص الكامل خصائص العالمية لـ HTML.
يتم دعم جميع خصائص الأحداث من قبل <option> العنوان خصائص أحداث HTML.