全部清除所有文本字段上的任何人，當點擊值

-2

<INPUT TYPE="text" NAME="name" id="name" value="Enter your name" size="16"> 
<INPUT TYPE="text" NAME="lname" id="lname" value="Enter your last name" size="16">

無論你點擊哪個領域，兩者的價值應該被清除

如何我這樣做？

感謝

來源

2014-11-05 Miguel Mas

兼容性視圖的一點是用於與專爲20世紀90年代的網站兼容的瀏覽器。如果您使用的是佔位符，則情況並非如此，因此解決方案是「不需要時不要打開兼容模式」。 – Quentin 2014-11-05 10:46:17

[HTML5佔位符屬性不能代替標籤元素]（http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/）。默認值不是。 – Quentin 2014-11-05 10:46:46

Quentin，是不是我打開或關閉兼容模式的人，這是用戶。所以，作爲程序員，我需要考慮這一點，並在兩種模式下正確顯示我的頁面。你不同意嗎？ – 2014-11-05 10:58:54

試試這個：

<script> 
var default_name_value="Enter your name"; 
var default_lastname_value="Enter your last name"; 
function empty_fields(){ 
    $("input[type=text]").each(function(index,item){ 
     if($(item).val()==default_name_value||$(item).val()==default_lastname_value){ 
      $(item).val(""); 
     } 
    }); 
} 
</script> 

<INPUT TYPE="text" NAME="name" id="name" onfocus="empty_fields();" value="Enter your name" size="16"> 
<INPUT TYPE="text" NAME="lname" id="lname" onfocus="empty_fields();" value="Enter your last name" size="16">

UPDATE

這將清空所有文本框在頁第3行細化選擇喜歡的東西$("#myform input[type=text]")空只箱子以期望的形式

更新2

現在它只會被清空首次

來源

2014-11-05 11:31:25

謝謝！ – 2014-11-05 11:33:41

因此，每次有人試圖輸入東西時，每個FORM輸入文本都被清除，那麼用戶如何輸入姓名和姓氏？認真的OP，你應該用標籤來處理舊的瀏覽器;對於現代人來說，你可以檢測到它們並使用佔位符（如果它是你的目標，沒有標籤），也可能使用僞元素 – 2014-11-05 11:38:21

對不起O.O我沒有看到。現在我已經更新了..也許現在解決了 – 2014-11-05 11:56:56

全部清除所有文本字段上的任何人，當點擊值

回答

相關問題