HTML Tutorial

عنصر <select>

الاستخدام:

تُستخدم علامة <select> لإنشاء قائمة منسدلة تتيح للمستخدمين تحديد خيار واحد من قائمة من القيم.

الصفات:

  • id: معرف فريد للعنصر.
  • name: اسم العنصر لإرساله في طلبات النموذج.
  • disabled: لتعطيل القائمة المنسدلة.
  • multiple: للسماح للمستخدمين بتحديد خيارات متعددة.
  • required: لجعل القائمة المنسدلة مطلوبة.

أمثلة مع <select>:

<select id="my-select">
  <option value="1">الأحمر</option>
  <option value="2">الأزرق</option>
  <option value="3">الأخضر</option>
</select>

استكشاف علامة <select>:

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف علامة <select></title>
</head>
<body>
  <form>
    <label for="my-select">اختر لونًا:</label><br>
    <select id="my-select">
      <option value="1">الأحمر</option>
      <option value="2">الأزرق</option>
      <option value="3">الأخضر</option>
    </select>
    <input type="submit" value="إرسال">
  </form>
</body>
</html>