基本上是用了常用的表单中的标签
用了 文本框(text),单选框(radio),下拉框(selece&option) , 复选框(checkbox),文本域(textarea)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简单的表单界面</title>
</head>
<!-- 需求:
1.实现姓名,年龄的文本框填写 input:text
2.实现性别的单选框 input:radio name的值要统一
3.实现籍贯的下拉框
4.实现对职业需求的复选框
5.实现对自我介绍的文本域 -->
<body>
<form action="#">
<!-- 1.文本框: -->
性别: <input type="text" placeholder="请填写您的姓名" name="name">
<br>
年龄: <input type="text" placeholder="请填写您的年龄" name="age">
<br>
<!-- 2.单选框: -->
性别: 男<input type="radio" name="gender" id="" >女<input type="radio" name="gender" id="">
<br>
籍贯:<select name="city" id="",size="2" style="width: 25%;">
<option value="nanjing">南京市</option>
<option value="wuxi">无锡市</option>
<option value="suzhou">苏州市</option>
<option value="nantong">南通市</option>
<option value="zhenjiang">镇江市</option>
<option value="changzhou">常州市</option>
<option value="yanghzou">扬州市</option>
<option value="lianyungang">连云港市</option>
<option value="huaian">淮安市</option>
<option value="yancheng">盐城市</option>
<option value="xuzhou">徐州市</option>
<option value="suqian">宿迁市</option>
<option value="taizhou">泰州市</option>
</select>
(以江苏为例)
<br>
职业向往: Java前端工程师<input type="checkbox" name="" id="">
Java后端工程师<input type="checkbox" name="" id="">
算法工程师<input type="checkbox" name="" id="">
<br>
自我介绍:
<br>
<textarea name="intrduction" id="" cols="30" rows="5"></textarea>
<br>
<input type="submit" id="" name="" value="提交信息" />
</form>
</body>
</html>