HTML <textarea> placeholder Attribute

HTMLWeb DevelopmentFront End Technology

The placeholder attribute of the <textarea> element is used to set a placeholder text in the textarea. A placeholder is considered as a hint, like “Enter you name”, “Enter mobile number”, “Write in 100 words”, etc.

Following is the syntax−

<textarea placeholder="text">

Above, text is the hint you want to set for the textarea as a placeholder text.

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

Example

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h2>Interview Questions</h2>
<p>Q1</p>
<textarea rows="6" cols="70" placeholder="Why do you want go for the Editor Job Profile? (100 words)">
</textarea>
<p>Q2</p>
<textarea rows="6" cols="70" placeholder="Do you have any previous publishing experience? (100 words)">
</textarea>
</body>
</html>

Output

In the above example, we have set two textarea−

<p>Q1</p>
<textarea rows="6" cols="70" placeholder="Why do you want go for the Editor Job Profile? (100 words)">
</textarea>
<p>Q2</p>
<textarea rows="6" cols="70" placeholder="Do you have any previous publishing experience? (100 words)">
</textarea>

To display a placeholder text, the placeholder attribute is used, for example−

placeholder="Why do you want go for the Editor Job Profile? (100 words)"
raja
Updated on 30-Jul-2019 22:30:26

Advertisements