Html、CSS

最新推荐文章于 2024-08-30 10:14:48 发布

JYB98

最新推荐文章于 2024-08-30 10:14:48 发布

阅读量83

点赞数

文章标签： mvc ajax javascript

本文链接：https://blog.csdn.net/JYB98/article/details/120188355

版权

常用标签

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>

在这里插入图片描述

JYB98

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html、CSS

常用标签border 设置边框bgcolor 设置背景色width 设置宽度height 设置高度colspan 合并列rowspan 合并行margin：外边距，是指盒子和盒子之间的距离padding：内边距，是盒子里的内容和边距的距离form标签用来提交表单里的数据table标签用来实现表格tr标签用来表示表格里的行td标签表示行里的列img标签表示插入图片select标签表示下拉框，option是下拉选项textarea标签是文本域input表示输入框，类.
复制链接

扫一扫