删除修改页面简单设计

最新推荐文章于 2024-04-08 00:07:31 发布

Rookie_Chicken

最新推荐文章于 2024-04-08 00:07:31 发布

阅读量623

点赞数

分类专栏： html基础表格文章标签： html

本文链接：https://blog.csdn.net/Xiaobai_0106/article/details/108526670

版权

html基础表格专栏收录该内容

1 篇文章 0 订阅

订阅专栏

页面简单基础设计

修改页面

在这里插入图片描述

<!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>

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

Rookie_Chicken

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
删除修改页面简单设计

****页面简单基础设计注册页面删除页面<!DOCTYPE html><html> <style type="text/css"> .id{ text-align: center; color: red; font-size: 35px; } .ta{ margin: 0 auto; } .drop{ text-align: center...
复制链接

扫一扫