Текст справа после мигания курсора внутри тега ввода

Question

Я не знаю, что искать. Но я хочу, чтобы мой стиль вход в первую очередь отображать текст справки с заполнителем, например:

<input class="form-control input-lg" id="id_username" maxlength="30" name="username" placeholder="Enter your blog domain" type="text"> 

Edit: Но когда пользователь нажимает на нее и введите значение, я хочу, чтобы отобразить .domain.com сразу после мигающий курсор. Как я мог это сделать?

Answer 1

Вы можете использовать setSelectionRange для своей цели.

$(".input-lg").click(function(){ 
    if($(this).val() == "") 
     $(".input-lg").val(".domain.com"); 
    $(".input-lg")[0].setSelectionRange(0, 0); 
}); 

Вот jsFiddle

Надеется, что это помогает :)

EDIT: Вам необходимы проверить поле, чтобы убедиться, что вы не перезаписываете поле ввода существующих данных каждый раз, когда нажимается поле.