HTML 标签 - 带边框的表单组合fieldset

最新推荐文章于 2023-10-31 13:35:59 发布

「已注销」

最新推荐文章于 2023-10-31 13:35:59 发布

阅读量535

点赞数 3

分类专栏： # H5C3 文章标签： html css

本文链接：https://blog.csdn.net/Ares5kong/article/details/115624725

版权

HTML fieldset legend 表单前端开发

关键词由CSDN通过智能技术生成

H5C3 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

fieldset: 带边框的表单组合

legend: 边框上显示的字

效果：

代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<form style="width:500px;">
  <fieldset>
    <legend>选择自己的爱好:</legend>
    <label for="name">姓名:</label> <input id="name" type="text"><br/>
    <label for="job">公司:</label> <input id="job" type="text"><br/>
    <label for="mail">邮箱:</label> <input id="mail" type="text">
  </fieldset>
</form>
</body>
</html>