Thuộc tính autofocus của phần tử <textarea> được dùng để đặt autofocus vào chính textarea khi trang tải. Thuộc tính autofocus cho phần tử <textarea> được giới thiệu trong HTML5.
Cú pháp:
<textarea autofocus>
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Câu hỏi phỏng vấn</h2> <p>Tại sao bạn muốn ứng tuyển vị trí Technical Writer? (100 từ)</p> <textarea rows="6" cols="70" autofocus> Viết câu trả lời trong 100 từ... </textarea> <p>Điểm mạnh của bạn là gì? (50 từ)</p> <textarea rows="4" cols="70" autofocus> Viết câu trả lời trong 50 từ... </textarea> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã đặt hai textarea:
<textarea rows="6" cols="70" autofocus> Viết câu trả lời trong 100 từ... </textarea> <p>Điểm mạnh của bạn là gì? (50 từ)</p> <textarea rows="4" cols="70" autofocus> Viết câu trả lời trong 50 từ... </textarea>
Một trong các textarea này được đặt autofocus. Bây giờ mỗi khi trang tải, focus và con trỏ sẽ tự động hiển thị ở textarea đầu tiên:
<textarea rows="6" cols="70" autofocus>