实现效果图
源码如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Document</title>
</head>
<body>
<div><h1>域标签fieldset的应用</h1></div>
<form action="https://search.jd.com/search" method="get" style="width: 280px">
<fieldset>
<legend>
账户信息
</legend>
用户名:<input type="text" name="username"><br>
密 码:<input type="password" name="password1"><br>
确 认:<input type="password" name="password2"><br>
</fieldset>
<fieldset>
<legend>
个人信息
</legend>
姓名:<input type="text" name="name"><br>
单位:<input type="text" name="danwei"><br>
职位:<input type="text" name="zhiwei"><br>
职称:<input type="text" name="zhichen"><br>
手机:<input type="text" name="shouji"><br>
邮箱:<input type="text" name="youxiang"><br>
</fieldset>
<br>
<button type="submit">提交</button> <button type="reset">重置</button>
</form>
</body>
</html>