制作一个<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元素，将 元素预期渲染为“内联块”框，呈现为 按钮，其内容是元素的内容。