HTML option Tag
HTML option Tag – يحدد الوسم <option> خيارًا في قائمة تحديد select list.
HTML option Tag
يتم استخدام عنصر <option> في HTML لتعريف عنصر موجود في عنصر <select> أو <optgroup> أو <datalist>.
يمكن أن يمثل <option> عناصر القائمة في النوافذ المنبثقة وقوائم العناصر الأخرى في مستند HTML.
مثال للتوضيح
إنشاء قائمة منسدلة بعدة خيارات لتحديد نوع الجنس (ذكر/أنثى):
<label for="gender">Select your Gender:</label> <select name="gender" id="gender"> <option value="male">Male</option> <option value="female">Female</option> <option value="other">Other</option> </select>
إذا كان لديك قائمة طويلة من الخيارات يٌفضل إستخدام الوسم <optgroup> لتسهيل الإستخدام لدى المستخدم.
السمات المحددة – Specific Attributes
السمات الخاصة للوسم <option>:
السمة | القيمة | الوصف |
---|---|---|
disabled | disabled | يحدِّد أنه يجب تعطيل مجموعة الخيارات. |
label | text | يحدد تسمية لمجموعة الخيارات. |
selected | selected | تحدد أنه يجب تحديد خيار مسبقًا عند تحميل الصفحة. |
value | text | تحدد القيمة التي سيتم إرسالها إلى الخادم. إذا تم حذف هذه السمة ، يتم أخذ القيمة من المحتوى النصي لعنصر الـ option. |
السمات العامة – Global Attributes
الوسم <option> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
كما يدعم الوسم <option> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <option> Tag
الوسوم المتعلقة: <legend> – <label> – <select> – <datalist> – <optgroup> – <fieldset> – <textarea> – <form>.
دعم المتصفحات
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!