Javascript 向文本框添加默认值
我使用以下脚本向输入文本框添加默认值:Javascript 向文本框添加默认值,javascript,jquery,forms,textarea,default-value,Javascript,Jquery,Forms,Textarea,Default Value,我使用以下脚本向输入文本框添加默认值: $('.default-value').each(function() { var default_value = this.value; $(this).css('color', '#746F66'); // this could be in the style sheet instead $(this).focus(function() { if(this.value == default_value) {
$('.default-value').each(function() {
var default_value = this.value;
$(this).css('color', '#746F66'); // this could be in the style sheet instead
$(this).focus(function() {
if(this.value == default_value) {
this.value = '';
$(this).css('color', 'black');
}
});
$(this).blur(function() {
if(this.value == '') {
$(this).css('color', '#746F66');
this.value = default_value;
}
});
});
以下列形式提交:
<form method="post" action="contactengine.php">
<input type="textbox" class="default-value" name="Name" id="Name" value="Full Name">
<input type="textbox" class="default-value" name="Email" id="Email" value="Email">
<textarea name="Message" class="default-value" name="Message" id="Message" value="Your message"></textarea>
<input type="submit" name="submit" id="submit" value="Submit" class="submit-button" />
</form>
默认值在文本框中工作正常,但我不知道如何将默认值放入文本区域。正如您所看到的,目前文本区域中没有显示任何内容
有人能帮忙吗
谢谢
尼克试着换一行:
var default_value = this.value;
致:
这是因为textarea
没有值
属性,要为此元素指定默认文本,只需将文本放在元素的开始标记和结束标记之间,如下所示:
<textarea name="Message" class="default-value" name="Message" id="Message">Your message.</textarea>
你的信息。
在Chromium 12/Ubuntu11.04中测试后编辑,以发现就JavaScript而言(至少对于这个浏览器/平台而言)
var default\u value=this.value代码>用于正确分配默认值
.textarea也有一个value属性。
<textarea name="Message" class="default-value" name="Message" id="Message">Your message.</textarea>