Login
网站首页 > 文章中心 > 其它

fieldset

作者:小编 更新时间:2023-08-09 11:40:32 浏览量:94人看过

 <fieldset>  是 HTML 中用于创建一个包含相关表单元素的组合框架的标签。它可用于将一组相关的表单控件(如输入字段、按钮、复选框等)分组在一起,以便更好地组织和标记这些控件。

 <fieldset>  元素通常与  <legend>  元素一起使用,后者用于为  <fieldset>  提供一个描述性标题。

下面土嘎嘎小编分享一个示例,展示了如何使用  <fieldset>  和  <legend>  创建一个表单组:

〓〓html代码如下:〓〓

<form>

  <fieldset>

    <legend>联系信息</legend>

    <label for="name">姓名:</label>

    <input type="text" id="name" name="name"><br>

    <label for="email">邮箱:</label>

    <input type="email" id="email" name="email"><br>

    <label for="message">留言:</label>

    <textarea id="message" name="message"></textarea><br>

    <button type="submit">提交</button>

  </fieldset>

</form>

在上面给出的示例中, <fieldset>  将包裹着一组表单元素,这些元素共同构成了联系信息的表单部分。 <legend>  提供了关于该字段集的描述性标题("联系信息")。

使用  <fieldset>  可以提高表单的可读性和可访问性,同时也可以应用样式以改变其外观。


版权声明:倡导尊重与保护知识产权,本站有部分资源、图片来源于网络,如有侵权,请联系我们修改或者删除处理。
转载请说明来源于"土嘎嘎" 本文地址:http://www.tugaga.com/jishu/other/1473.html
<<上一篇 2023-08-09
下一篇 >> 2023-08-09

编辑推荐

热门文章