Php 为什么';是否按预期显示/隐藏我的文本区域文本?

Php 为什么';是否按预期显示/隐藏我的文本区域文本?,php,javascript,html,Php,Javascript,Html,我试图在我的文本区域中使用javascript来显示文本,直到用户单击为止。文本应在加载时显示,并在单击时消失。然而,我的似乎正好相反。我的文本在加载时不会显示,直到用户单击该框并再次单击退出?不太确定我做错了什么 <form action="upload.php" method="POST"> <input type="hidden" name="hidden_id" value="<?php print $id; ?>"/> <input type

我试图在我的文本区域中使用javascript来显示文本,直到用户单击为止。文本应在加载时显示,并在单击时消失。然而,我的似乎正好相反。我的文本在加载时不会显示,直到用户单击该框并再次单击退出?不太确定我做错了什么

<form action="upload.php" method="POST">

<input type="hidden" name="hidden_id" value="<?php print $id; ?>"/>
<input type="text" id="username" name="sent_by" onfocus="if (this.value == 'Your Name')
this.value = '';" onblur="if (this.value == '') this.value = 'Your Name';" maxlength="30"  
value="Your Name" />

<input type="text" id="user_email" name="sent_email" onfocus="if (this.value == 'Your Email')   
this.value = '';" onblur="if (this.value == '') this.value = 'Your Email';" maxlength="30" 
value="Your Email" />
<br /><br />

<textarea name="message" value="Enter Your Message Here..." cols="60" rows="5" 
id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" ></textarea>

<p align="right">
<input name="submit_comment" type="submit" value="Send Message" class="contact_button">
</p>
</form>


textarea
标记没有值属性。试试这个:

将内容放在
标记内

<form action="upload.php" method="POST">

<input type="hidden" name="hidden_id" value="<?php print $id; ?>"/>
<input type="text" id="username" name="sent_by" onfocus="if (this.value == 'Your Name')
this.value = '';" onblur="if (this.value == '') this.value = 'Your Name';" maxlength="30"  
value="Your Name" />

<input type="text" id="user_email" name="sent_email" onfocus="if (this.value == 'Your Email')   
this.value = '';" onblur="if (this.value == '') this.value = 'Your Email';" maxlength="30" 
value="Your Email" />
<br /><br />

<textarea name="message" value="Enter Your Message Here..." cols="60" rows="5" 
id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" >Enter Your Message Here...</textarea>

<p align="right">
<input name="submit_comment" type="submit" value="Send Message" class="contact_button">
</p>
</form>

替换:

<textarea name="message" value="Enter Your Message Here..." cols="60" rows="5" 
id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" ></textarea>

与:

<textarea name="message" cols="60" rows="5" 
id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" >Enter Your Message Here...</textarea>
在此处输入您的消息。。。

首先,这是不使用jQuery的内联Javascript

使用类似以下内容:

<script language="javascript">
$(document).ready(function() {
    $('#artical_message').val('Enter Your Message Here...')
        .focus(function(){
            if($(this.val() == 'Enter Your Message Here...'))
                $(this).val('');
        })
        .blur(function(){
            if($(this.val() == ''))
                $(this).val('Enter Your Message Here...');
        });
});
</script>

$(文档).ready(函数(){
$('artical_message').val('在此处输入您的消息…'))
.focus(函数(){
如果($(this.val()=='在此处输入消息…'))
$(this.val(“”);
})
.blur(函数(){
如果($(this.val()='')
$(this.val('在此处输入消息…);
});
});
更新:哦,糟糕,我还以为你在用jQuery呢。 首先,文本区域没有值,请使用innerHTML属性。

文本区域没有“value”属性,您的内容(在此处输入消息…)应该在结束标记之前,因此您的代码如下

<form action="upload.php" method="POST">

<input type="hidden" name="hidden_id" value="<?php print $id; ?>"/>
<input type="text" id="username" name="sent_by" onfocus="if (this.value == 'Your Name')
this.value = '';" onblur="if (this.value == '') this.value = 'Your Name';" maxlength="30"  
value="Your Name" />

<input type="text" id="user_email" name="sent_email" onfocus="if (this.value == 'Your Email')   
this.value = '';" onblur="if (this.value == '') this.value = 'Your Email';" maxlength="30" 
value="Your Email" />
<br /><br />

<textarea name="message"  cols="60" rows="5" 
id="artical_message" onfocus="if (this.value == 'Enter Your Message Here...') this.value = '';" 
onblur="if (this.value == '') this.value = 'Enter Your Message Here...';" >Enter Your Message Here...</textarea>

<p align="right">
<input name="submit_comment" type="submit" value="Send Message" class="contact_button">
</p>
</form>


您的代码运行得非常好:.@Artsemis和@Alex。是他的
textarea
不起作用,而不是输入。看看我的答案。