<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 定义下拉列表-->
<form action="">
<!--select标签-->
<!--作用：用于定义下拉列表-->
<select name="" id="">
<optgroup label="新乡高校">
<option value="">河南科技学院</option>
<option value="">新乡医学院</option>
<option value="">新乡学院</option>
<option value="" selected>河南师范大学</option>
<option value="">河南工学院</option>
</optgroup>
<optgroup label="字母大学">
<option value="">大学</option>
<option value="">A大学</option>
<option value="">B大学</option>
<option value="">C大学</option>
<option value="">D大学</option>
</optgroup>
</select>
<hr>
<!--textarea标签，多行文本框-->
<textarea name="" id="" cols="30" rows="10">
</textarea>
</form>
</body>
</html>
效果
A.png
B.png
网友评论