在输入标记内闪烁光标后右边的文本

我不知道要搜索什么。但我想首先是我的样式输入它显示与占位符的帮助文本，例如：在输入标记内闪烁光标后右边的文本

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

编辑：但是，当它在用户点击并输入一个值我想右后显示.domain.com闪烁的光标。我怎么能这样做？

来源

2016-07-21 J Doer

所以当用户点击输入字段时，应该在输入字段中显示“.domain.com”，对不对？ – Thinker

@Thinker是的，这是正确的。 –

另外，这个值应该发送到服务器还是只在UI中？ –

您可以使用setSelectionRange为您的目的。

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

这里是jsFiddle

希望它能帮助:)

编辑： 您需要检查现场，以确保你不会每次都改写输入字段现有数据该字段被点击。

来源

2016-07-21 11:46:32 Thinker

谢谢你，真的帮助了医生。只有一个问题，我可以为它添加一个JavaScript函数，以便当用户输入并且不再选择输入字段时，我可以将所有文本组合在字段中居中？那会很酷！ –

在输入标记内闪烁光标后右边的文本

回答

相关问题