删除修改页面简单设计

页面简单基础设计

修改页面

在这里插入图片描述

<!DOCTYPE html>
<html>
	<style>
		#save{
			width: 70px;
			height: 30px;
			margin-left:170px;
		}
		div{
			color: red;
			font-size: 35px;
			text-align:center;
		}
		table {
			height: auto;
			width: auto;
			border: 1px solid black;
			margin: 0 auto;
		}
		
		tr {
			float: center;
		}
		
		td {
			border: 1px solid black;
			float: left;
			width: 300px;
			height: 21px;
		}
		
		.message {
			width: 40px;
			height: 20px;
			text-algin:center;
		}
		
		.message1 {
			width: 40px;
			height: 40px;
			padding-top: 20px;
			border: 1px solid black;
		}
		
		.simple {
			width: 300px;
			height: 60px;
		}
		
		.reset {
			width: 235px;
			padding-left: 110px;
		}
	
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
		
	</style>
	<body>
		<div>

			修改页面
		</div>
		<form action="">
			<table>
				<tr rowspan="">

					<td colspan="" class="message">
						学号
					</td>
					<td colspan="">
						<input type="text" />
					</td>
				</tr>

				<tr rowspan="">
					<td colspan="" class="message">
						姓名
					</td>
					<td colspan="">
						<input type="text" />
						<input type="button" name="" id="" value="保存修改" />
					</td>
				</tr>

				<tr rowspan="">
					<td colspan="" class="message">
						性别
					</td>
					<td colspan="">
						<input type="radio" name="sex" value="boy" id="man" />
						<label for="man"></label>
						<input type="radio" name="sex" value="gril" id="men" />
						<label for="men"></label>
						<input type="button" name="" id="" value="保存修改" />

					</td>
				</tr>
				<tr rowspan="">
					<td colspan="" class="message">
						年龄
					</td>
					<td colspan="">
						<input type="number" />
						<input type="button" name="" id="" value="保存修改" />
					</td>
				</tr>

				<tr rowspan="">
					<td colspan="" class="message">
						爱好
					</td>
					<td colspan="">
						
						<input type="text" value="打游戏"/>
						<input type="button" name="" id="" value="保存修改" />
					</td>
				</tr>
				<tr rowspan="">
					<td colspan="" class="message">
						头像
					</td>
					<td colspan="">

						<input type="file" value="浏览" />
						
					</td>
				</tr>

				<tr rowspan="">
					<td colspan="" class="message1">
						简介
					</td>
					<td class="simple">
						<textarea rows="4" cols="33" overflow-y:auto;>请输入你要修改的内容</textarea>

					</td>
				</tr>





				<tr rowspan="1">
					<td colspan="2" class="reset">

						<input type="button" value="注册">
						<input type="reset" value="重置" />
					</td>

				</tr>


			</table>
		</form>
		<input type="button" value="保存" id="save" />
	</body>
</html>

删除页面

在这里插入图片描述

<!DOCTYPE html>
<html>
	<style type="text/css">
		.id{
					text-align: center;
					color: red;
					font-size: 35px;
				}
				.ta{
					margin: 0 auto;
				}
				.drop{
					text-align: center;
				}
				
			
	
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	</style>
	<body>



		<div class="id">用户信息</div>
		<table class="ta" border="1">
			<tr>
				<td>学号:</td>
				<td>0609190814</td>
			</tr>
			<tr>
				<td>姓名:</td>
				<td>鄙人李</td>
			</tr>
			<tr>
				<td>性别</td>
				<td></td>
			</tr>
			<tr>
				<td>爱好</td>
				<td>
					打游戏
				</td>
			</tr>
			<tr>
				<td>头像</td>
				<td><img src="3MW2B%60)@)5P_NPJ%7BND$%7B4QJ.png" height="30px" width="30px"></td>
			</tr>
			<tr>
				<td>简介</td>
				<td><textarea rows="5" cols="36">鄙人姓李</textarea></td>
			</tr>
			<tr>
				<td class="drop" colspan="2"><input type="submit" value="删除信息" />
				</td>
			</tr>
		</table>
	</body>
</html>

感谢你的观看,来自于菜鸡的潦草代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值