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

回答