html - 按钮值和文本

Question

无论如何我可以添加文本并在按钮标签中显示值（我需要'+ |'作为字体）？

就像是：

<button type="submit" value="add to friends list">+ |</button>

这不起作用，有什么建议吗？我已经创建了一个小提琴，它需要看起来像：

http://jsfiddle.net/bAv7C/

谢谢。

== 更新 ==

现在工作，这是新的小提琴：

http://jsfiddle.net/bAv7C/4/

谢谢大家

Answer 1

继续从我的普通到 OP...

我怀疑你想要的是：

<button type="submit" value="addFriend">+ |</button>

但是，如果您想在元素的内容中使用属性值：

CSS：

button:after
{
    content: " " attr(value);
}

标记：

<button type="submit" value="add to friends list">+ |</button>

演示

Answer 2

这应该有效：

<input type="submit" value="+ | add to friends list" />

无论如何，我建议您使用图像+或文本以外的任何其他方式。

Answer 3

我不明白你在尝试这个。

 <button type="submit" value="add to friends list">+ | add to friends list</button>

Answer 4

如果你需要它是一个按钮，这应该没问题，并在 HTML5 中验证：

<button type="submit" value="add">+ | Add to friends list</button>  

该值用于表单目的。