HTML中的上标文本<input type =“submit”/>

时间:2012-11-06 14:13:02

标签: html css css3

是否可以在<input>标记的值字段中使用上标文本(例如与注册标记一起使用)?

<input type="submit" name="submit" value="Sometext&reg;"/>

3 个答案:

答案 0 :(得分:9)

您可以使用<button type="submit">元素代替<input type="submit">然后您可以在说明中包含您想要的任何标记,例如,<sup>用于上标文字:

<button type="submit">someText with <sup>superscripted parts</sup> </button>

答案 1 :(得分:2)

或者使用CSS:

http://jsfiddle.net/jxmaA/

HTML

<button class="tradeMark" type="submit">someText with</button>

CSS

.tradeMark:after{
  content: ' ©';
  font-size:xx-small;
  vertical-align:top;
}

编辑:此解决方案也不适用于<input type="submit"/>,原因:之后和:之前未应用...

答案 2 :(得分:1)

如果你必须使用<input type=submit>而不是<button type=submit>,那你就不走运了。必须在value属性中指定文本,该属性将作为纯文本。你可以在那里使用上标字符,如“²”,但是有更多上标版本的“®”作为一个字符 - 但它的外观在字体之间变化很大,在某些字体中的上标比例如:在Arial。

所以实际的举动可能是为按钮指定不同的字体。为了保持一致性,您可能希望对所有提交按钮文本使用相同的字体,例如

input[type=submit] { font-family: Calibri; }

通常的CSS注意事项适用。特别是,在此上下文中指定一个好的字体系列列表可能很困难。 (Calibri很棒,但它的可用性远非普遍。)