爲什麼我的textarea文本沒有按預期顯示/隱藏？

即時通訊嘗試在我的textarea中使用JavaScript來顯示文字，直到用戶點擊它。文字應該在加載時顯示，點擊時消失。但是，我的看起來是相反的。在用戶點擊該框並再次點擊該框後，我的文字不會顯示在加載中？不太確定我做錯了什麼。爲什麼我的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...';" ></textarea> 

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

來源

2011-09-15 Farreal

您的代碼工作完全正常：http://jsfiddle.net/GMf3W/ – CashIsClay

[Works for me]（http://jsfiddle.net/K6bsK/）。 – Alex

@Artsemis和@Alex。這是他的'textarea'，不工作而不是輸入。看到我的答案。 –

textarea標籤沒有價值屬性。試試這個：http://jsfiddle.net/kudTF/

將內容放在<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>

來源

2011-09-15 19:10:45

替換：

<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>

來源

2011-09-15 19:11:43 Joe

首先，這是內聯JavaScript沒有jQuery的使用。

使用這樣的事情：

<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>

UPDATE：哦，是我不好，我還以爲你是使用jQuery。那麼，對於初學者來說，文本區域沒有任何價值，請使用innerHTML屬性。

來源

2011-09-15 19:15:20

文本區域不具有「值」屬性，你的內容（請輸入您的留言...）shuold是結束標記之前，這樣你的代碼會像

<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>

來源

2011-09-15 19:16:37 SAFAD

爲什麼我的textarea文本沒有按預期顯示/隱藏？

回答

相關問題