Thuộc tính lấy nét tự động HTML <textareosystem

Thuộc tính autofocus của phần tử

Sau đây là cú pháp -

<textarea autofocus>

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính lấy nét tự động của phần tử

Ví dụ

<!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>

Đầu ra

Thuộc tính lấy nét tự động HTML textareosystem

Trong ví dụ trên, chúng tôi đã đặt hai 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>

Một trong những vùng văn bản này mà chúng tôi đã thiết lập với tính năng tự động lấy nét. Giờ đây, bất cứ khi nào trang tải, tiêu điểm và con trỏ sẽ tự động hiển thị trong vùng văn bản đầu tiên -

<textarea rows="6" cols="70" autofocus>