输入文字旁边的放置按钮

Question

如何在输入文字（如in this photo）旁边放置按钮？

我有此代码：

<form action='/posts/comment/{{id}}' method='POST'>
    <input class="form-control" type="text" name='comment' id='comment' placeholder="Comment as {{name}}..." aria-label="Comment as {{name}}...">
</form>

Answer 1

根据问题和屏幕截图进行回答。

button{
margin-left:-6px;
border-left:none;
}

<form action='/posts/comment/{{id}}' method='POST'>
    <input class="form-control" type="text" name='comment' id='comment' placeholder="Comment as {{name}}..." aria-label="Comment as {{name}}...">
    <button>Save Comment </button>
</form>