语义UI标记图标按钮提交按钮

Question

我使用语义UI，并试图将图标添加到输入按钮类型提交

这是我的尝试：

<i class="sign in icon"></i> 
<input type="submit" name="login-button" class="ui blue submit button" value="Login"> 

的问题是，图标显示在按钮的前面，而不是按钮的内部。

这是它如何做，有一个div：

<div id="login-button" class="ui blue submit labeled icon button"> 
    <i class="sign in icon"></i> Login 
</div> 

你知道任何方式图标添加到按钮式提交。

Answer 1

<button type="submit" name="login-button" class="ui blue submit button"> 
    <i class="sign in icon"></i> 
    Login 
</button> 

希望这会有所帮助。

W3中有这样一段问候到按钮元素说：与按钮元素功能，正如与input元素创建按钮创建

按钮，但他们提供更丰富的渲染可能性：按钮元素可以有内容。例如，包含图像的BUTTON元素的功能类似于并可能类似于其类型设置为“图像”的INPUT元素，但BUTTON元素类型允许内容。