【问题标题】:Place Button next to input text在输入文本旁边放置按钮
【发布时间】:2020-05-22 13:33:11
【问题描述】:

如何在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>

【问题讨论】:

  • 您面临什么问题?给出您尝试的完整代码。由于突出显示了您的确切需要,您的屏幕截图轮廓不清楚

标签: html css twitter-bootstrap flask button


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-02
    • 1970-01-01
    • 2023-03-30
    • 1970-01-01
    • 2014-04-08
    相关资源
    最近更新 更多