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

我有一个简单的输入标签（我使用Bootstrap进行了美化），现在我想在其中放置一个上标（以显示“m ”）。问题是，当我这样做：如何在html文本输入标签中使用上标？

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

占位字面上表明这一点：m<sup>2</sup>

有谁知道我可以正确地显示标？欢迎所有提示！

来源

2014-12-03 kramer65

检查了这一点：http://stackoverflow.com/questions/17683654/superscript-in-input-field-of-text-type – Aditya 2014-12-03 11:46:58

两个Rhumborl和莱克纳特有正确的答案。 – rfornal 2014-12-03 11:48:32

你可以只使用上标²的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可能会有所帮助。

来源

2014-12-03 11:48:44 lmazgon

字符“²”可以很好地使用任何*编码，其中包含例如编码。 ISO-8859-1和Windows-1252。 – 2014-12-03 11:50:15

我在桌面上使用字符集Windows-1252和ISO-8859-1对它进行了测试，但占位符的输出是“mÂ²”，因此您必须将charset更改为UTF-8，否则Firefox和Ubuntu会出错。 – lmazgon 2014-12-03 11:58:21

如果* actual *编码与* declared *编码不同，则会得到错误的结果。这也适用于其中一个是UTF-8的情况。 – 2014-12-03 12:00:07

如何使用HTML实体

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

Yes it works

来源

2014-12-03 11:44:50 Lekhnath

@Rhumborl更新。谢谢提及。 – Lekhnath 2014-12-03 11:48:38

虽然它在你的小提琴中起作用，但它在某些方面不起作用。也许它与bootstrap或我加载的（太多）js库之一有关？ – kramer65 2014-12-03 11:52:36

使用bootstrap也http://jsfiddle.net/lekhnath/jvx89kuk/1/ – Lekhnath 2014-12-03 11:56:32

您应该能够直接插入²字符到HTML标记 - 这是ASCII码262/178八进制这应该安全地呈现为它只是ASCII，而不是Unicode。

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

来源

2014-12-03 11:45:02 Rhumborl

你确实可以使用“²”。但是实体代码在属性值中起作用。而字符“²”不是一个ASCII字符。所有你使用的字符都是Unicode字符。 – 2014-12-03 11:49:17

试试这个，你可以使用，

HTML实体（命名）²

HTML实体（十进制）²

HTML实体（十六进制）²

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

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

来源

2014-12-03 11:49:55

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

<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>

来源

2014-12-03 11:57:33

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

回答

相关问题