將值更改爲佔位符（輸入字段）

Question

我想通過jQuery將value屬性更改爲佔位符。所以結果會是這樣的

原始

<input type="text" value="Enter name" /> 

我想改變上面

<input type="text" placeholder="Enter name" /> 

我只找到了改變的「」而不是實際工作中的文字解決方案那些之前的文本。所以replaceWith，replaceAll does not似乎工作。

有人有一個想法如何解決這個問題？

Answer 1

您可以使用

.removeAttr('value')刪除屬性

例子：

$('input[type=text]').removeAttr('value'); 

，並添加新的屬性與

.attr('placeholder','Enter name')

實施例：

$('input[type=text]').attr('placeholder','Enter name'); 

如所建議的通過rcdmk

您可能做到這一點鏈的方法：

$('input[type="text"]').each(function() { 
     var $this = $(this); 
     $this.attr("placeholder", $this.attr("value")).removeAttr("value"); 
    }); 

Answer 2

<input type="text" id="searchInput" value="enter text..."> 

var plcehldr = "enter text...";  
$("#searchInput").focusin(function() { 
    $(this).removeAttr("value"); 
}); 

$("#searchInput").focusout(function() { 
    $(this).attr("value",plcehldr); 
}); 

http://jsfiddle.net/ipsjolly/2qutf/14/