legend用法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>教学信息反馈</title>
<style>
fieldset{
width:600px;/*设置包裹的宽度*/
height:300px;/*设置包裹的高度*/
}
legend{
text-align:center;/*单独设置居中，不影响其他input*/
font-weight:bold;
}
</style>
</head>
<body>
<form>
<fieldset>
<!--legend需要fieldset配合使用，fieldset给legend划清界限 没有加fieldset时只会出现文本不会出现包裹的线-->
<legend>教学信息反馈</legend>
<!--legend的作用 一条线穿插（教学信息反馈）包住表单元素-->
<p>学号：<input type="text" maxlength="10" required="required"/>姓名：<input type="text" required="required" maxlength="8"/></p>
<!--required 点提交的时候才看得出效果-->
<p>课程：<select><option>Web前端开发技术</option><option selected="selected">数据结构</option><option>Java</option></select></p>
<p>教学反馈意见：</p>
<textarea cols="40" rows="5">请输入意见</textarea>
<p><input type="submit" value="提交"/><input type="reset" value="重置"/></p>
</fieldset>
</form>
</body>
</html>