jQuery用默認值填充空白文本輸入

我有以下代碼來填充<input>與"Suche..."。jQuery用默認值填充空白文本輸入

$(function() { 
 
    var suchfeld = $("#suchfeld"); 
 

 

 
    suchfeld.on("focus", function() { 
 
     if(suchfeld.val() == "Suche...") { 
 
      suchfeld.val(""); 
 
     } 
 
    }); 
 

 
    suchfeld.on("blur", function() { 
 
     if(suchfeld.val() == 0) { 
 
      suchfeld.val("Suche..."); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="suchfeld" type="text"/>

的問題是，在用戶已裝有suchfeld <input>該網站，該網站是在瀏覽器的緩存，如果用戶回來加載網站<input>是空沒有"Suche..."。

我該怎麼辦？在頁面上

來源

2016-06-29 Jürgen Hohlkopf

試圖佔位符屬性？ – RomanPerekhrest

好人！這適用於:-) –

這有幫助嗎？ http://stackoverflow.com/questions/2699284/make-page-to-tell-browser-not-to-cache-preserve-input-values –

嘗試設置加載現場「Suche ...」

$(function() { 
    var suchfeld = $("#suchfeld"); 
    suchfeld.val("Suche..."); 

    suchfeld.on("focus", function() { 
     if(suchfeld.val() == "Suche...") { 
      suchfeld.val(""); 
     } 
    }); 

    suchfeld.on("blur", function() { 
     if(suchfeld.val() == 0) { 
      suchfeld.val("Suche..."); 
     } 
    }); 
});

來源

2016-06-29 13:09:51 Roxoradev

問題是，當用戶回到頁面時沒有重新加載。這個例子並沒有解決它！ –

爲什麼不嘗試使用佔位符？ – Roxoradev

而是使用Javascript placeholder：

<input type="text" placeholder="Suche...">

旁註：

要隱藏focus的placeholder（如在你的例子）使用方法：

<input type="text" placeholder="Suche..." onfocus="this.placeholder = ''" 
 
    onblur="this.placeholder = 'Suche...'" >

來源

2016-06-29 13:17:34

jQuery用默認值填充空白文本輸入

回答

相關問題