แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ต่อไปนี้เป็นไวยากรณ์ -
<textarea autofocus>
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p> <textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea> </body> </html>
ผลลัพธ์
ในตัวอย่างข้างต้น เราได้ตั้งค่า textarea สองอัน−
<textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea>
หนึ่งในพื้นที่ข้อความเหล่านี้ที่เราตั้งค่าด้วยโฟกัสอัตโนมัติ ตอนนี้เมื่อใดก็ตามที่หน้าโหลด โฟกัสและเคอร์เซอร์จะมองเห็นได้โดยอัตโนมัติในพื้นที่ข้อความแรก -
<textarea rows="6" cols="70" autofocus>