带下标的HTML输入按钮

Question

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

示例：O ₂

Answer 1

请参阅此fiddle

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

<强> HTML

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

详细了解docs

中的<sub>

Answer 2

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

＆＃13;

＆＃13;

    <input type="button" value="O₂">

＆＃13;

＆＃13;

＆＃13;

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

<button>有两个主要优势：

• 值和显示内容可以不同
• 显示内容可包括标记

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;