纯HTML实现小作品（3个）

最新推荐文章于 2024-06-05 10:27:28 发布

酸橙派SVT

最新推荐文章于 2024-06-05 10:27:28 发布

阅读量898

点赞数 3

分类专栏：前端学习 HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_43816826/article/details/118699806

版权

这篇博客展示了三个纯HTML实现的小作品：用户注册信息表、VIP会员用户信息表和一个简单的菜品后台管理系统。每个作品包括效果图和实现源码，系统布局思路以及项目目录结构。适合初学者学习和参考。

摘要由CSDN通过智能技术生成

纯HTML实现小作品（3个）

（一）用户注册信息表

1、效果图：

2、实现源码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册页面</title>
	</head>
	<body>
		<center>
			<h1>用户注册页面</h1>
		
			<form action="" method="">
			
				<table border="1px" cellspacing="0px" width="520px">
					<tr>
						<td width="80px" ><center>用户名</center></td>
						<td ><input type="text" name="username" /></td>
					</tr>
					<tr>
						<td width="80px" ><center>密码</center></td>
						<td ><input type="password" name="pwd" /></td>
					</tr>
					<tr>
						<td width="80px" ><center>确认密码</center></td>
						<td ><input type="password" name="pwd" /></td>
					</tr>
					<tr>
						<td width="80px" ><center>电子邮箱</center></td>
						<td ><input type="email" name="email" /></td>
					</tr>
					<tr>
						<td width="80px" ><center>网络昵称</center></td>
						<td ><input type="text" name="nicheng" /></td>
					</tr>
					<tr>
						<td><center>性别</center></td>
						<td>
							<input type="radio" name="sex">男
							<input type="radio" name="sex">女
						</td>
					</tr>
					<tr>
						<td><center>是否有房</center></td>
						<td>
							<input type="radio" name="house">有
							<input type="radio" name="house">没有
						</td>
					</tr>
					<tr>
						<td><center>爱好</center></td>
						<td>
							<input type="checkbox" name="hobbies" />踢足球
							<input type="checkbox" name="hobbies"  />打篮球
							<input type="checkbox" name="hobbies" />唱歌
							<input type="checkbox" name="hobbies"  />跳舞
							<input type="checkbox" name="hobbies" />游泳					
							
						</td>
					</tr>
					<tr>
						<td><center>户籍</center></td>
						<td>
							<select name="city">
								<option value="">河北省</option>
								<option value="">福建省</option>
								<option value="">海南省</option>
								<option value="">四川省</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><center>课程</center></td>
						<td>
							
						</td>
					</tr>
					<tr>
						<td><center>头像</center></td>
						<td>
							<input type="file" name="avatar" />
						</td>
					</tr>
					<tr>
						<td><center>个人介绍</center></td>
						<td>
							<textarea rows="4" cols="22"

最低0.47元/天解锁文章

酸橙派SVT

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
纯HTML实现小作品（3个）

纯HTML实现小作品（3个）1、用户注册信息表效果图：实现源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>用户注册页面</title> </head> <body> <center> <h1>用户注册页面</h1> <form action="" m
复制链接

扫一扫

专栏目录