HTML <textarea> autofocus Attribute

HTMLWeb DevelopmentFront End Technology

The autofocus attribute of the <textarea> element is used to set the autofocus to the textarea itself when the page loads. The autofocus attribute for the <textarea> element introduced in HTML5.

Following is the syntax −

<textarea autofocus>

Let us now see an example to implement the autofocus attribute of the <textarea> element −

Example

 Live Demo

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

Output

In the above example, we have set two 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>

One of these textarea we have set with autofocus. Now whenever the page loads, the focus and the cursor will automatically be visible in the first textarea −

<textarea rows="6" cols="70" autofocus>
raja
Published on 19-Jun-2019 10:18:07
Advertisements