Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 输入标记内光标闪烁后右侧的文本_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 输入标记内光标闪烁后右侧的文本

Html 输入标记内光标闪烁后右侧的文本,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我不知道该找什么。但我想首先设置输入的样式,它会显示带有占位符的帮助文本,例如: <input class="form-control input-lg" id="id_username" maxlength="30" name="username" placeholder="Enter your blog domain" type="text"> 编辑:但当用户单击它并输入一个值时,我想在闪烁的光标后立即显示.domain.com。我怎样才能做到这一点呢?你可以用它来达到你的

我不知道该找什么。但我想首先设置输入的样式,它会显示带有占位符的帮助文本,例如:

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

编辑:但当用户单击它并输入一个值时,我想在闪烁的光标后立即显示.domain.com。我怎样才能做到这一点呢?

你可以用它来达到你的目的

$(".input-lg").click(function(){
    if($(this).val() == "")
       $(".input-lg").val(".domain.com");
    $(".input-lg")[0].setSelectionRange(0, 0);
});
这是你的电话号码

希望有帮助:)

编辑:
您需要检查该字段,以确保不会在每次单击该字段时覆盖输入字段的现有数据。

因此,当用户单击输入字段时,“.domain.com”应显示在输入字段中,对吗?@Thinker是的,这是正确的。此外,这个值应该发送到服务器或者只是在UI中?@MoshFeu只是在UI中。谢谢你,伙计,真的帮助了med。只有一个问题,我是否可以向其中添加一个javascript函数,以便在用户输入并且不再选择输入字段时,我可以将所有文本组合在字段的中心?那太酷了!