为下一个字符加下划线的 HTML 字符代码答案

【问题标题】：HTML character code to underline next character为下一个字符加下划线的 HTML 字符代码
【发布时间】：2012-02-01 22:41:57
【问题描述】：

喜欢：

abcdef 
 _

我需要在b 之前插入什么 HTML 字符代码才能使 b 加下划线？

我需要在 html 属性（输入字段的值）中使用它，所以像 <u> 这样的 html 标签是不可接受的

示例：

<input type="submit" value="UnderlineMeifUknowHow" accesskey="n" />

我希望 UnderlineMeifUknowHow 中的第一个“n”加下划线

【问题讨论】：

可能重复：stackoverflow.com/questions/3681436/…
等待您尝试在<input> 标记中为字符加下划线？我不相信这是可能的，除非使用一些富文本编辑器控件。
是的，或者在标签属性中为某些文本加下划线
我知道我可能在某个地方看到过它，而不是 html，但它是某种代码 :)
好吧，Facebook 允许您在评论框中引用用户名，并使用灰色背景突出显示它们。他们通过使textarea 透明，然后在textbox 后面放置一个包含丰富内容的div 来做到这一点。如果你下定决心要获得这种效果，我想你可以做类似的事情。

标签： html underline

【解决方案1】：

您可以简单地将&#818; 放在任何单词之后，它会变成下划线，它是一个 HTML 代码。

<input type=button value=S&#818;end>

变成：

结束

但是您可以创建一个 JavaScript 函数来为您执行此操作，请参阅：

function underlineWord(pos,str){
  str = str.substring(0,pos) + str[pos] + "&#818;" + str.substring(pos+1,str.length);
  return str;
}

这样，如果你执行：

underlineWord(0,"string");

你将拥有：

s̲string

【讨论】：

在 IE 中工作，而不是 Chrome。铬在角色面前放了一个方块。它也可能取决于使用的字体。

【解决方案2】：

试试这个：

abcde<br />
<span style="visibility:hidden">a</span>_

示例：http://jsfiddle.net/fXMrN/

【讨论】：

我是这么想的，但我相信这是我的极客天性 :)
快速思考的结果，保证我不会再这样做了：P

【解决方案3】：

正如我在问题cmets中告诉你的，有特殊字符，我终于找到了！

e̲

这取决于您用于将下划线直接移动到字母下方的字体。它也被称为“组合字符”，可以在 unicode 表中的 U+0332 下找到。

【讨论】：

谢谢它按我的要求做，但它看起来很难看，下划线字符变小了：x
这个还有一个更长的版本，就是U+035F:e͟
请不要告诉我们，您只是想在按钮上加下划线...因为在 html 中已经有一些内容，称为 accessKey <button>
大声笑这工作：<button accesskey="o">C<u>o</u>olButton</button>
@Alex;嗯，是。这不是属性，您可以将任何流内容放在<button> 中。（并且在某些平台和某些字体上支持 unicode，我不会依赖此解决方案。不过很有趣。）

【解决方案4】：

试试a<u>b</u>cdef，这应该会有所帮助。阅读有关 HTML 的更多信息tag u。

【讨论】：

【解决方案5】：

你可以用 <span> 包裹 b 样式为 text-decoration:underline 或 <u>

【讨论】：

【解决方案6】：

使用<u>标签

请注意，<u> 标签已被弃用，因此会使您的文档无效。它已被弃用，因为用户可能会将其与链接混淆并造成混淆

在任何情况下，您都应该将 CSS 用于任何样式

【讨论】：

不，<u> 元素已被弃用，因为它是表示性标记。应用演示的首选方法是 CSS。
元素在 HTML5 中被重新定义，以表示在风格上应该不同于普通文本的文本，例如拼写错误的单词或中文中的专有名词。 w3schools

【解决方案7】：

你的意思是用 u 标签包围 b 吗？

<u>b</u>

为了符合标准，我会使用内联 CSS：

<span style="text-decoration:underline;">b</span>

我会参考诸如http://w3schools.com/html/ 之类的指南来获得此类快速参考问题的答案。

【讨论】：

好的，还有很多其他的指南，例如 zvon.org/comp/m/html.html 或 O'Reilly 的指南。

【解决方案8】：

这不可能像您想要的那样在属性内执行，而且 FWIW 您可能无论如何都不应该在属性内设置文本样式。

在属性之外（即使用 HTML 元素），可以使用 <u> 元素，但这是一种表示标记，通常被认为是一个坏主意。下划线的最佳方式是在您想要下划线的任何元素上使用 CSS (text-decoration: underline;)。

【讨论】：

【解决方案9】：

CSS：

<style>
  .underline {
    text-decoration: underline;
  }
</style>

标记：

<input style="text-decoration:underline;" type="submit" value="underlined" />

【讨论】：