HTML legend 标签

HTML 中的 <legend> 标签用于设置 <fieldset> 元素的标题。fieldset 用于对按钮、输入框、单选按钮等元素进行分组。

语法

以下是语法 −

<fieldset>
<legend> 设置标题 </legend>
</fieldset>

示例

现在让我们看一个实现 <legend> 标签的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Subject-wise rank</h2>
<form>
<fieldset>
<legend>Ranking (caption)</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Steve"><br>
<label for="sub">Subject:</label>
<input type="text" value="Science"><br>
<label for="rank">Rank:</label>
<input type="number" value="1"><br>
<label for="marks">Marks:</label>
<input type="number" value="98"><br>
</fieldset>
</form>
</body>
</html>

输出

这将产生以下输出 −

在上面的例子中，我们使用 <fieldset> 中的 <legend> 元素设置了标题 −

<fieldset>
<legend>Ranking (caption)</legend>
…form elements…
</fieldset>

<fieldset> 将表单元素分组到 <form> 中 −

<form>
<fieldset>
<legend>Ranking (caption)</legend>
…form elements…
</form?

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/