語義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元素類型允許內容。