แอตทริบิวท์ selected ของ <option> ใน HTML

แอตทริบิวท์ selected ของ <option> ใน HTML

แอตทริบิวท์ selected ในองค์ประกอบ <option> เลือกตัวเลือกไว้ล่วงหน้าเมื่อหน้าเว็บโหลด ตัวเลือกเดียวกันจะมองเห็นได้

รูปแบบการใช้งานมีดังนี้:

<option selected>

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>คุณสมบัติการศึกษา</h1>
  <h2>ปริญญาโท</h2>
  <select>
    <option value="mca">MCA</option>
    <option value="mcom">M.COM</option>
    <option value="mtech" selected>M.TECH</option>
    <option value="msc">M.Sc</option>
  </select>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เรามี <select> เพื่อตั้งค่ารายการแบบเลื่อนลง:

<select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech" selected>M.TECH</option> <option value="msc">M.Sc</option> </select>

ในนั้น ตัวเลือกต่างๆ ถูกตั้งค่าด้วยองค์ประกอบ <option>:

<option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech" selected>M.TECH</option> <option value="msc">M.Sc</option>

เราได้ตั้งค่าตัวเลือกที่มองเห็นได้เริ่มต้นเมื่อหน้าเว็บโหลดโดยใช้แอตทริบิวท์ selected:

<option value="mtech" selected>M.TECH</option>