输入文本在输入字段中占用多余的空间

Question

我正在将按钮文本发送到输入字段中。但是在输入字段按钮中，文本从左眼开始占据了额外的空间，输入则没有将文本作为值。当我用键盘退格键删除多余的空间时，它将文本作为值。这是我的代码和屏幕截图：

<form action="add_content_system.php" method="POST">
<div class="form-group form-text">
    <div class="form-label-group">
        <input name="name" type="text" id="destination_two" class="form- 
        control" placeholder="Name" required="required" autofocus value="">
        <label for="destination_two">Name</label>
    </div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
    $('.sourcelink').click(function() {
    $('#destination_two').val($(this).html()); 
    }); 
 });
</script>

Answer 1

我没有完全收到您的问题。 。你想要这样吗？

function myFunction() {
  var Name = document.getElementById("inputName").value;
  document.getElementById("demo").innerHTML = "Your Name is: " + Name;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
  <label for="name">Insert Your Name</label>
  <input type="text" name="name" id="inputName" class="form-control" placeholder="name" required autofocus value="" oninput="myFunction();">
  <p id="demo">Your Name is: </p>
</form>