将按钮放在输入文本旁边

Question

我如何将按钮放置在输入文本的旁边，如 照片中?

我有这个代码。

<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>