1

我一直在使用以下内容在文本字段中放置默认值

<textarea name="message" id="message" cols="30" rows="5" value="Comment"
    class="form_text text-input shadow" title="Comment"
    onblur="if (this.value == '') {this.value = 'Comment';}" 
    onfocus="if (this.value == 'Comment') {this.value = '';}">
</textarea>

它部分有效。该字段最初不显示默认值，但如果您在其中单击然后退出，而不输入任何内容，它会显示“评论”。

知道如何修改它，以便在表单加载时出现“评论”。

4

6 回答 6

4

不要使用价值使用：

<textarea name="message" id="message" cols="30" rows="5"
    class="form_text text-input shadow" title="Comment"
    onblur="if (this.innerHTML == '') {this.innerHTML = 'Comment';}" 
    onfocus="if (this.innerHTML == 'Comment') {this.innerHTML = '';}">
Comment
</textarea>
于 2012-04-12T17:58:29.697 回答
3 
<textarea>default value</textarea>

这应该够了吧。

于 2012-04-12T17:57:54.437 回答
3

Textarea 默认文本必须包含在标签中

<textarea> this is my default text </textarea>
于 2012-04-12T17:58:27.280 回答
2

该<textarea>元素没有value属性：默认值是您在打开和关闭标签之间写的内容：

<textarea>My default value</textarea>

.innerHTML在 Javascript 中，您可以使用（或使用 jQuery with ）访问此文本.val()。

对于您试图实现的行为，您可以使用HTML5 占位符属性并为旧浏览器使用jQuery polyfill。

于 2012-04-12T18:00:52.703 回答
1

textarea 具有 innerHTML 而不是 value 属性。（value="Comment" 不是设置值的正确方法）

尝试，

<textarea name="message" id="message" cols="30" rows="5" 
   class="form_text text-input shadow" title="Comment"  
   onblur="if (this.value == '') {this.value = 'Comment';}" 
   onfocus="if (this.value == 'Comment') {this.value = '';}">
   Comment
</textarea>
于 2012-04-12T17:59:40.217 回答
1 
<textarea>Value</textarea>

或者，如果您通过 jquery 使用 $(document).ready()，则可以在加载时通​​过 javascript 分配值。

于 2012-04-12T18:03:31.097 回答