在Textarea中有不可移動的文字，但仍然可以添加到它？

我想要一個以「我是」開頭的textarea，但它不可移動，就像我希望它總是在那裏沒有佔位符，也沒有人可以移除當文本開始寫入時隱藏它。我將如何爲textarea做到這一點。在Textarea中有不可移動的文字，但仍然可以添加到它？

代碼從小提琴

HTML

<input type="text" class="prefix" value="prefix_" >

的Javascript

$('input.prefix').keyup(function(){ 
    var prefix = 'prefix_'; 
    if(!(this.value.match('^prefix_'))){ 
     this.value = prefix;     
    }   
}); 

$('input.prefix').blur(function(){ 
    var prefix = 'prefix_'; 
    if(!(this.value.match('^prefix_'))){ 
     this.value = prefix;     
    }   
});

來源

2013-06-24 arberb

有沒有什麼事情可以解決這個問題？如果您告訴我們迄今爲止已嘗試的內容，我們將更願意回答您的問題。（有用的鏈接提出更好的問題：[問]，[幫助]） – Doorknob

我試過一個javascript選項，但問題是如果你刪除所需的文本，它會刪除用戶寫的所有內容（http://jsfiddle.net/vBBpS/ 2） – arberb

背景圖片和文字縮進。不性感，但它會工作 – Turnip

在fiddel的代碼是接近。相反，與prefix替換內容與prefix和值

$('input.prefix').keyup(function(){ 
    var prefix = 'prefix_'; 
    if(!(this.value.match('^prefix_'))){ 
     this.value = prefix + this.value;     
    }   
}); 

$('input.prefix').blur(function(){ 
    var prefix = 'prefix_'; 
    if(!(this.value.match('^prefix_'))){ 
     this.value = prefix + this.value;     
    }   
});

實例替換爲：http://jsfiddle.net/vBBpS/1/

在一個側面說明，你應該共同代碼移到一個函數。

來源

2013-06-25 01:45:56

在Textarea中有不可移動的文字，但仍然可以添加到它？

回答

相關問題