HTML和CSS：如何风格的HR标签有一个标题嵌入它

-----<title>-------------------------------------------------

这是一个相当普遍的UI模式，但我没有找到如何在HTML中完成这项工作的例子。有没有人有任何想法，甚至指向例子？今天早上我一直在使用Google，但至今没有找到我需要的内容。

哦，另外我希望它有一组表单输入。

谢谢！

2011-03-04 jaydel

你可能是厕所国王为fieldset]：http://www.w3schools.com/tags/tag_fieldset.asp – 2011-03-04 12:36:51

@dnl只有当我们在这里谈论一个“表格”。并请[不要使用W3Schools作为参考]（http://w3fools.com/） – 2011-03-04 12:38:40

啊，fieldset/legend完美无缺。如果你把答案放在答案中，我会接受并+1。无论哪种方式很好的答案和谢谢 – jaydel 2011-03-04 12:42:45

<fieldset> 
    <legend>title</legend> 
</fieldset>

然后，您可以应用CSS这些元素，以获得预期的效果

2011-03-04 12:40:46 Curt

你所寻找的是一个<fieldset>标签。

<fieldset>元素表示可选地按照通用名称分组的一组表格控件。

在组的名称是由是fieldset元素的子，如果任何第一图例元素给出。后代的其余部分形成组。

<legend>元素表示图例元素的父字段集元素的其余内容的标题。可以使用属性来指定文本的对齐。

rtl右

-------------------------------------------------<title>-----

ltr左

-----<title>-------------------------------------------------

默认情况下它是ltr

例如：

<fieldset dir="rtl"> 
    <legend>Fieldset Demo</legend> 
</fieldset>

2011-03-04 12:58:27 Alpine

回答