製作一個<i>標記一個<input type ='button'>

Question

的值，我正在使用Font Awesome，並且想要將一個簡單的<input type='button'> fa圖標的值設置爲例如。 <i class='fa fa-bold'></i>

然而，當我寫：

<input id='bold' type='button'><i class='fa fa-bold'></i></input> 

它呈現一個按鈕，然後，到了右邊，字體真棒圖標。 這是不是可行的實現？

Answer 1

爲什麼不使用按鈕標籤呢？然後把

<i class='fa fa-bold'></i> 

按鈕標籤裏面，像

<button id="bold"><i class='fa fa-bold'></i></button> 

我相信輸入元素都是無效的元素，因此他們沒有任何內容。如果你堅持這一點，你可以通過CSS來實現它。

Answer 2

input元件void elements：

空元素：area，base，br，col，embed，hr，img， input，keygen，link，meta，param，source，track，wbr

因此，他們有沒有內容：

Void elements不能有任何內容（因爲沒有結束標記，沒有 內容可以在開始標籤和結束標籤之間放）。

只能經由value屬性[source]顯示在他們文本：

當輸入按鈕結合應用於一個input元件 ，其type屬性處於[.. 。] Button狀態， 元素預計呈現爲「嵌入塊」框，呈現爲 按鈕，大約一行高，包含元素的內容 value屬性

如果你想呈現一個按鈕內的HTML元素，使用button元素，而不是[source]：

當按鈕結合適用於button元素，將 元素預期渲染爲「內聯塊」框，呈現爲 按鈕，其內容是元素的內容。