Question

textarea 点击文本框文字消失，我做了一个但是textarea默认值不显示怎么回事

<textarea name="Content" rows="6" id="Content" style="width:230px" onfocus="if(this.value=='文明上网，理性发言') {this.value='';}this.style.color='#333';" onblur="if(this.value=='') {this.value='文明上网，理性发言';this.style.color='#333';}" value="文明上网，理性发言" maxlength="20"></textarea>
不显示默认值，如果在>这里面填写字的话，文字的颜色有问题了</textarea>

Answer 1

<textarea name="Content" rows="6" id="Content" style="width:230px;color:#333" onfocus="if(this.value=='文明上网，理性发言') {this.value='';}this.style.color='#333';" onblur="if(this.value=='') {this.value='文明上网，理性发言';this.style.color='#333';}"maxlength="20">文明上网，理性发言</textarea>

如果要焦点在该框内里的字颜色变化（如红色），就改成以下：
<textarea name="Content" rows="6" id="Content" style="width:230px;color:#333" onfocus="if(this.value=='文明上网，理性发言') {this.value='';}this.style.color='#ff0000';" onblur="if(this.value=='') {this.value='文明上网，理性发言';this.style.color='#333';}"maxlength="20">文明上网，理性发言</textarea>

Answer 2

标签里添加 placeholder 属性
placeholder="默认显示的内容"

Answer 3

?? 我也在等