Question

我有一个简单的输入标签（我使用Bootstrap进行了美化），我现在想要放置一个上标（显示“m ²”）。问题在于，当我这样做时：

<input class="form-control" name="gla" placeholder="m<sup>2</sup>" type="text">

占位符字面上显示：m<sup>2</sup>

有人知道如何正确显示上标吗？欢迎所有提示！

Answer 1

如何使用HTML实体

<input class="form-control" name="gla" placeholder="m&sup2;" type="text">

Yes it works

Answer 2

您可以将UTF-8字符用于上标²。另外，请务必将文档的字符集设置为UTF-8。

<html>
    <head>
        <meta charset="UTF-8"> 
    </head>
    <body>
        <input class="form-control" name="gla" placeholder="m²" type="text" />
    </body>
</html>

同样this answer可能会有所帮助。

Answer 3

您应该能够将²字符直接插入html标记 - 它是ascii代码262 / octal 178.这应该安全地呈现，因为它只是ASCII而不是Unicode。

<input type="text" placeholder="m²" />

Answer 4

试试这个，你可以用，

HTML实体（已命名）²

HTML实体（十进制）²

HTML实体（十六进制）²

 <input class="form-control" name="gla"  placeholder="m&#178;" type="text">

演示：http://jsfiddle.net/q8310f27/1/

Answer 5

在属性值中，您可以像使用文档内容一样使用字符（除了用作属性值分隔符的引号字符）。这意味着您可以将上标两个字符编写，或者使用命名字符引用或数字引用。当使用这样的字符时，您需要确保正确声明字符编码（对应于实际编码）。

＆＃13;

<input class="form-control" name="gla" placeholder="m²" type="text"><br>
<input class="form-control" name="gla" placeholder="m&sup2;" type="text"><br>
<input class="form-control" name="gla" placeholder="m&#178;" type="text"><br>
<input class="form-control" name="gla" placeholder="m&#xb2;" type="text"><br>

＆＃13;

如何在html文本输入标签中使用上标？

5 个答案: