我无法弄清楚我的标记有什么问题，但文本区域的占位符不会出现。看起来好像它可能被一些空格和制表符覆盖。当您将焦点放在文本区域并从光标所在位置删除，然后离开文本区域时，就会出现正确的占位符。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<form action="message.php" method="post" id="message_form">
<fieldset>
<input type="email" name="email" id="email" title="Email address"
maxlength="40"
placeholder="Email Address"
autocomplete="off" required />
<br />
<input type="text"
name="subject"
id="subject" title="Subject"
maxlength="60" placeholder="Subject" autocomplete="off" required />
<br />
<textarea name="message"
id="message"
title="Message"
cols="30"
rows="5"
maxlength="100"
placeholder="Message" required>
</textarea>
<br />
<input type="submit" value="Send" id="submit"/>
</fieldset>
</form>
</body>
<script>
$(document).ready(function() {
$('#message_form').html5form({
allBrowsers : true,
responseDiv : '#response',
messages: 'en',
messages: 'es',
method : 'GET',
colorOn :'#d2d2d2',
colorOff :'#000'
}
);
});
</script>
</html>
这对我和其他许多人来说一直是一个难题。简而言之，
<textarea>好：
<textarea></textarea>
坏：
<textarea>
</textarea>
根据 HTML5 解析规范，这不再是 是真的：
If the next token is a U+000A LINE FEED (LF) character token,
then ignore that token and move on to the next one. (Newlines
at the start of textarea elements are ignored as an authoring
convenience.)
但是，如果您的编辑坚持以 CRLF 结束行，您可能仍然会遇到麻烦。
删除
<textarea></textarea><textarea placeholder="YOUR TEXT"></textarea> ///Correct one
<textarea placeholder="YOUR TEXT"> </textarea> ///Bad one It's treats as a value so browser won't display the Placeholder value
<textarea placeholder="YOUR TEXT">
</textarea> ///Bad one
因为某处有空间。我使用的是 jsfiddle，标签后面有一个空格。删除空间后，它开始工作
好吧，从技术上讲，只要开始标记的结尾“">”和开头“<" from the closing tag. That is you need to end with
...></textarea><p><label>Comments:<br>
<textarea id = "comments" rows = "4" cols = "36"
placeholder = "Enter comments here"
class = "valid"></textarea>
</label>
</p>
我知道 Aquarelle 已经（很好）回答了这篇文章，但以防万一有人在使用其他没有文本（例如输入）的标签表单时遇到此问题，我会将其留在这里：
如果您的表单中有输入，并且由于开头有空格而未显示占位符，这可能是您的“值”属性造成的。如果您使用变量来填充输入值，请检查逗号和变量之间是否有空格。
使用 twig 进行 php 框架 symfony 的示例：
<input type="text" name="subject" value="{{ subject }}" placeholder="hello" /> <-- this is ok
<input type="text" name="subject" value" {{ subject }} " placeholder="hello" /> <-- this will not show placeholder
在这种情况下，{{ }} 之间的标签是变量，只需确保逗号之间没有留下空格，因为空格也是有效字符。
使用
<textarea></textarea><textarea>
</textarea>在我们的例子中，开始和结束标记之间的文本区域标记不应是 space 或 newline 字符 或任何文本（值）。
如果有空格、换行符或任何文本，则将其视为覆盖占位符的值。
**PlaceHolder Appears**
<textarea placeholder="Am Default Message"></textarea>
**PlaceHolder Doesn't Appear**
<textarea placeholder="Am Default Message"> </textarea>
<textarea placeholder="Am Default Message">
</textarea>
<textarea placeholder="Am Default Message">Something</textarea>
我遇到了同样的问题，仅使用
.pug.jade(placeholder="YOUR MESSAGE")之前：
form.form-horizontal(method='POST')
.form-group
textarea.form-control(placeholder="YOUR MESSAGE")
.form-group
button.btn.btn-primary(type='submit') SUBMIT
之后：
form.form-horizontal(method='POST')
.form-group
textarea.form-control(placeholder="YOUR MESSAGE")
.form-group
button.btn.btn-primary(type='submit') SUBMIT