带下标的 HTML 输入按钮答案

【问题标题】：HTML Input Button with Subscript带下标的 HTML 输入按钮
【发布时间】：2016-07-08 14:48:51
【问题描述】：

如何使用type="button" 格式化典型输入以显示具有下标格式的内容文本？

例子：O₂

【问题讨论】：

【解决方案1】：

看到这个fiddle

您可以使用 HTML <sub> 插入下标。请参阅下面给出的 HTML

HTML

<button type="button">
  O<sub>2</sub>
</button>

在docs 中阅读有关<sub> 的更多信息

【讨论】：

【解决方案2】：

对于该特定示例，您可以只使用 Unicode code point U+2082：

    &lt;input type="button" value="O₂"&gt;

...但在一般情况下，解决方案是停止使用输入。 HTML 4 引入了<button> 元素来替换提交、按钮和重置类型。

<button> 有两个主要优点：

&lt;button type="button"&gt; O&lt;sub&gt;2&lt;/sub&gt; &lt;/button&gt;

【讨论】：