在Textarea中有不可移动的文本,但仍然可以添加到它?

时间:2013-06-24 22:39:24

标签: html css forms input 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;                
    }        
});

1 个答案:

答案 0 :(得分:0)

你的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/

在旁注中,您应该将公共代码移动到一个函数。