คุณสมบัติ HTML DOM Input Radio autofocus

คุณสมบัติ autofocus ของ HTML DOM input radio เกี่ยวข้องกับแอตทริบิวต์ autofocus ขององค์ประกอบ <input> ใช้สำหรับตั้งค่าหรือคืนค่าว่าปุ่ม radio ควรได้รับโฟกัส (focus) อัตโนมัติเมื่อโหลดหน้าเว็บหรือไม่

ไวยากรณ์ (Syntax)

radioObject.autofocus = true|false

ที่นี่ true = ปุ่ม radio ควรได้รับโฟกัส false = ไม่ได้รับโฟกัส ค่าเริ่มต้นคือ false

ตัวอย่าง (Example)

<!DOCTYPE html> <html> <body> 
<h1>Input password autofocus property</h1> 
<form> RADIO: <input type="radio" id="rad1" name="BTN" autofocus> </form> 
<br><br> 
<button type="button" onclick="FocusVal()">CHECK FOCUS</button> 
<p id="Sample"></p> 
<script> 
  function FocusVal() { 
    var R = document.getElementById("rad1").autofocus; 
    document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; 
  } 
</script> </body> </html>

ผลลัพธ์ (Output)

ผลลัพธ์ที่ได้:

เมื่อคลิกปุ่ม CHECK FOCUS:

คำอธิบายโค้ด

สร้าง input type="radio" id="rad1" name="BTN" มี autofocus เปิดอยู่ (true):

Password: <input type="password" id="rad1" name="BTN"autofocus>

สร้างปุ่ม CHECK FOCUS ทำงาน FocusVal() เมื่อคลิก:

<button type="button" onclick="FocusVal()">CHECK FOCUS</button>

FocusVal() ดึง input type radio ด้วย getElementById() รับ autofocus property คืนค่า true/false ตามค่าแอตทริบิวต์ autofocus เก็บในตัวแปร R แสดงในพารากราฟ id "Sample" ด้วย innerHTML:

function FocusVal() { 
  var R = document.getElementById("rad1").autofocus; 
  document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; 
}