Question

Bootstrap是内置功能，用于在左侧的空文本输入中对齐占位符，如果用户输入数字（→已填充输入），右边。

ConfigMap

Answer 1

我认为这可能就是你要找的东西。

$('#amount').on('keyup', function(){
if($('#amount').val().length > 0)
  $('#amount').css('text-align', 'right');
else
  $('#amount').css('text-align', 'left');
});

http://codepen.io/powaznypowazny/pen/JWXvYE

Answer 2

No Bootstrap没有内置但输入dir =“rtl”可能足够接近？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="form-group">
  <div class="input-group">
    <input dir="rtl" class="form-control" maxlength="255" placeholder="Amount" name="amount" type="text" value="" id="amount">
    <span class="input-group-addon financing">€</span>
  </div>
</div>

Answer 3

＆＃13;

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
	
	$("#amount").keyup(function(){
		
		var val = $(this).val();
		
		if(val == ''){
			$(this).css('text-align','right');
		}else{
			$(this).css('text-align','left');	
		}
		
	})
})
	
	
</script>

＆＃13;

易于使用的jquery

Answer 4

只需在输入中使用dir="rtl"

<input dir="rtl" placeholder="Amount" name="amount" type="text">

Bootstrap文本对齐：左侧空输入 - 右侧填充输入

4 个答案: