常用标签
border :设置边框
bgcolor :设置背景色
width :设置宽度
height :设置高度
colspan :合并列
rowspan :合并行
margin:外边距,是指盒子和盒子之间的距离
padding:内边距,是盒子里的内容和边距的距离
form:标签用来提交表单里的数据
table:标签用来实现表格
tr:标签用来表示表格里的行
td:标签表示行里的列
img:标签表示插入图片
select:标签表示下拉框,option--是下拉选项
textarea:标签是文本域
input:表示输入框,类型很丰富
text:类型是普通的文本输入框
password:是密码输入框
email:邮箱的输入框
file:是上传文件
radio:是单选框
checkbox:是多选框
button:是普通的按钮
submit:是提交按钮,比button多了数据提交的功能
align:属性用来设置元素的位置center是居中
bordercolor:设置边框的颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 springmvc解析post数据</title>
<style>
/* 修饰 输入框的宽度高度 */
.a{ /* 选中网页中class=a的元素*/
width: 320px;
height: 30px;
}
/* 修饰保存按钮 */
input[type="submit"]{
background-color: blue; /* 背景色 */
border-color: blue;/* 边框的颜色 */
color:white; /* 字的颜色 */
height: 30px;
width: 50px;
}
/* 修饰取消按钮 */
input[type="button"]{
background-color: hotpink; /* 背景色 */
border-color: hotpink; /* 边框的颜色 */
color:white; /* 字的颜色 */
height: 30px;
width: 50px;
}
</style>
</head>
<body>
<!-- form表单,可以把数据提交给服务器
method指定提交数据的方式
action指定数据要提价给谁处理
-->
<form method="post" action="http://localhost:8080/student/add">
<table>
<tr>
<td>
<h1>学生信息管理系统MIS</h1>
</td>
</tr>
<tr>
<td> 姓名:</td>
</tr>
<tr>
<td>
<input class="a" type="text" placeholder="请输入姓名..." name="user" />
</td>
</tr>
<tr>
<td> 年龄:</td>
</tr>
<tr>
<td>
<input class="a" type="number" placeholder="请输入年龄..." name="age" />
</td>
</tr>
<tr>
<td>
性别:(单选框)
<input type="radio" name="sex" value="0" />男
<input type="radio" name="sex" value="1" />女
</td>
</tr>
<tr>
<td>
爱好:(多选)
<input type="checkbox" name="hobby" value="ppq"/>乒乓球
<input type="checkbox" name="hobby" value="ps" />爬山
<input type="checkbox" name="hobby" value="cg" />唱歌
</td>
</tr>
<tr>
<td>
学历:(下拉框)
<select name="edu">
<option value="1">本科</option>
<option value="2">专科</option>
<option value="3">高中</option>
</select>
</td>
</tr>
<tr>
<td>
入学日期:
<input type="date" name="intime" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="保存"/>
<input type="button" value="取消"/>
</td>
</tr>
</table>
</form>
</body>
</html>