Textarea Placeholder is not working

Question

I have written the below textarea code and the placeholder is not working. I can't see the placeholder on the textarea box.

<textarea rows="4" cols="50" placeholder="Current Address">
</textarea>

You might be having the same issue as here: http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing#14048003 — DDan, Aug 03 '15 at 09:39
Duplicated http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing — Marcos Pérez Gude, Aug 03 '15 at 09:42
Looks good **[here](https://jsfiddle.net/Guruprasad_Rao/s1ta8o16/)** — Guruprasad J Rao, Aug 03 '15 at 09:42
@DDan is right, you textarea has content (a line break). So it shows the content instead of the placeholder. — Sebastian vom Meer, Aug 03 '15 at 09:42

score 2 · Accepted Answer · edited Mar 02 '16 at 05:36

2

don't keep gap between start and end tag <textarea></textarea>

use this:

<textarea rows="4" cols="50" placeholder="Current Address"></textarea>

W3School Example

The reason that this works is because the newline character in between the textarea tags is considered content, so it is placed inside the box instead of the placeholder.

edited Mar 02 '16 at 05:36

Caleb Eby

356
3
14

answered Aug 03 '15 at 09:43

Abdulla Nilam

36,589
17
64
85

Textarea Placeholder is not working

1 Answers1

Linked