更新时间:2014年6月20日

legend元素(标题)

<fieldset><legend>~</legend></fieldset>

fieldset元素中,使用legend元素表示表格集合的标题。使用该元素时,legend元素必须放在fieldset元素里的初始位置。

使用例

<form action="example.cgi" method="post">

<fieldset form="frm">

<legend>商品:</legend>

<p><label>商品名称:<input type="tel" name="tel"/></label></p>

<p><label>商品数量:<input type="email" name="mail"></label></p>

</fieldset>

<fieldset disabled="disabled" >

<legend>住址:</legend>

<p><label><input type="text" name="number"></label></p>

<p><label>省份:<select name="sheng">

<option value="10">山东省</option>

</select>

</label>

</p>

</fieldset><br>

<fieldset form="frm">

<legend>联系方法:</legend>

<p><label>电话号码:<input type="tel" name="tel"/></label></p>

<p><label>eMail:<input type="email" name="mail"></label></p>

</fieldset>

</form>

<form method="get" action="#" id="frm">

<input type="submit" value="送信"/>

</form>

浏览器上的显示结果↓


商品:

住址:


联系方法:

浏览器支持情况

元素
legend yes yes yes yes yes