按钮值和文本

Question

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

类似的东西：

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

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

http://jsfiddle.net/bAv7C/

感谢。

== update ==

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

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>

demo

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>  

该值用于表单目的。