home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML

แอตทริบิวต์ที่ปิดใช้งานขององค์ประกอบ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์ -

<option disabled>

ตัวอย่าง

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

<!DOCTYPE html>
<html>
<body>
<h2>Impurity level of Water</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" disabled>5:3</option>
</optgroup>
<optgroup label="Water">
<option value="low">2L</option>
<option value="Medium">5L</option>
<option value="high">10L</option>
<option value="veryhigh">20L</option>
</optgroup>
</select>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ ที่นี่ ตัวเลือก 5:3 ภายใต้ optgroup Ratio -

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

ในตัวอย่างข้างต้น เรามี option-groups และ options อยู่ข้างใน −

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

ด้านบน เราได้ปิดการใช้งานตัวเลือกโดยใช้แอตทริบิวต์ที่ถูกปิดใช้งาน -

<option value="two" disabled>5:3</option>

ตอนนี้ คุณจะไม่สามารถเลือกตัวเลือกนั้นได้เนื่องจากถูกปิดใช้งาน