semantic-ui - 如何在语义ui中为输入添加多个图标

Question

我正在使用语义 ui 来构建表单输入。我知道如何将带有输入的图标放在一起。但是我希望在左侧和右侧放置两个带有输入的图标。有谁知道这是否可能？谢谢！

<div class="ui left icon right action input">
    <i class="email icon"></i>
    <input type="text" placeholder="type...">
    <i class="check icon">
    <button class="ui basic button">submit</button>
</div>

标签： semantic-ui

Answer 1

也许这就是你想要的。

<div class="ui left icon right action input">
    <i class="email icon"></i>
    <input type="text" placeholder="type...">
    <button class="ui basic labeled icon button"><i class="check icon">submit</button>
</div>