Ну на jQuery можно так (В Хроме не пашет
<style type="text/css">
span.Wrap{
display:inline-block;
}
input.Clone{
background-color:#DEF0F2;/**/
position:absolute;
z-index:2;
}
</style>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function Noselect(a) {
$(a).clone().addClass('Clone').prependTo($(a).parent());
}
function ReturnVal(a) {
$(a).parent().find('input.Clone').remove();
}
$('input.Clone').mousedown(function(){
$(this).remove();
})
</script>
<span class=Wrap>
<input type="text" name="tel_1" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>
<span class=Wrap>
<input type="text" name="tel_2" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>
<span class=Wrap>
<input type="text" name="tel_3" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>