如何在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文本輸入標籤中使用上標？

回答

相關問題