HTML <optgroup> ปิดใช้งานแอตทริบิวต์

แอตทริบิวต์ที่ถูกปิดใช้งานของ ใช้เพื่อปิดใช้งานกลุ่มตัวเลือก หลังจากนั้น กลุ่มตัวเลือกจะไม่สามารถคลิกได้ ต่อไปนี้เป็นไวยากรณ์ -

<optgroup disabled>

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ที่ปิดใช้งานขององค์ประกอบ -

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Water Levels</h2>
<p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p>
<select>
   <optgroup label="Ratio">
      <option value="one">3:2</option>
      <option value="two">5:3</option>
   </optgroup>
   <optgroup label="Water" disabled>
      <option value="low">2L</option>
      <option value="Medium">5L</option>
      <option value="high">10L</option>
      <option value="veryhigh">20L</option>
   </optgroup>
</select>
</body>
</html>

ผลลัพธ์

HTML optgroup
ปิดใช้งานแอตทริบิวต์

ในตัวอย่างข้างต้น เราได้ตั้งค่ากลุ่มตัวเลือกสองกลุ่ม -

<optgroup label="Ratio">
   <option value="one">3:2</option>
   <option value="two">5:3</option>
</optgroup>
<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

เราได้ตั้งค่าหนึ่งในกลุ่มตัวเลือกเป็นปิดการใช้งาน -

<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

ตอนนี้ตัวเลือกด้านบนจะถูกปิดใช้งานและผู้เยี่ยมชมจะไม่สามารถเลือกได้

HTML ปิดใช้งานแอตทริบิวต์

ตัวอย่าง

ผลลัพธ์