HTML <input> ออโต้โฟกัสแอตทริบิวต์

HTML ออโต้โฟกัสแอตทริบิวต์

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

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

<input autofocus>

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

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

ผลลัพธ์

HTML input ออโต้โฟกัสแอตทริบิวต์

ในตัวอย่างข้างต้น เราได้สร้างแบบฟอร์ม −

<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

เราได้ตั้งค่าออโต้โฟกัสเป็นอินพุตที่สามดังที่แสดงด้านล่าง นั่นคือ DOB ดังนั้นเคอร์เซอร์จึงมองเห็นได้ที่นั่น -

DOB: <input type="date" name="dob" autofocus><br>