一.HTML结构和css样式
首先我们自己先搭建一个HTML模板,把自己想要实现的结构模拟出来
1.html代码如下:
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>学生信息管理</title>
/* 引入css样式 */
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<h1>新增学员</h1>
<!-- form标签没有写 action属性 默认表单提交会提交到 当前的页面 -->
<form class="info" autocomplete="off">
姓名:<input type="text" class="uname" name="uname" />
年龄:<input type="text" class="age" name="age" />
性别:
<select name="gender" class="gender">
<option value="男">男</option>
<option value="女">女</option>
</select>
薪资:<input type="text" class="salary" name="salary" />
就业城市:<select name="city" class="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="