HTML做一个注册表单

已于 2023-05-17 18:07:06 修改
阅读量2.2k 收藏 26
点赞数 4
文章标签： html 前端
于 2023-05-17 18:05:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63825941/article/details/130731907
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>

			input{
				text-align: left;
			}
			.t{
				text-align: right;
			}
			.c1{ border: 1px solid black;
				width: 550px;
				height: 450px;
			}
		</style>
	</head>
	<body>
		<center>
			<div class="c1">
				<center>
					<h5>注册</h5>
					<table border="0px" cellspacing="0">
						<form>
							<tr>
								<td class="t">
									名字：
								</td>
								<td><input type="text" name="username" /></td>

							</tr>
							<tr>
								<td class="t">
									姓氏：
								</td>
								<td><input type="text" name="lastname" /></td>
							</tr>
							<tr>
								<td class="t">
									登录名：
								</td>
								<td><input type="text" name="username" />(可包含a-z,0-9和下划线)</td>

							</tr>
							<tr>
								<td class="t">
									密码：
								</td>
								<td><input type="password" name="password" />(至少包含6个字符)</td>

							</tr>
							<tr>
								<td class="t">
									再次输入密码：
								</td>
								<td><input type="password" name="password" /></td>

							</tr>
							<tr>
								<td class="t">
									电子邮箱：
								</td>
								<td><input type="email" name="email" />(必须包含@字符)</td>


							</tr>
							<tr>
								<td class="t">
									性别：
								</td>
								<td>
									<input type="radio" name="sex" value="man" />男
									<input type="radio" name="sex" value="woman" />女
								</td>
							</tr>
							<tr>
								<td class="t">
									头像：
								</td>
								<td>
									<input type="file" value="浏览" />
								</td>
							</tr>
							<tr>
								<td class="t">
									爱好：
								</td>
								<td>
									<input type="checkbox" name="chex" value="sport">运动
									<input type="checkbox" name="chex" value="chat">聊天
									<input type="checkbox" name="chex" value="games">玩游戏

								</td>
							</tr>
							<tr>
								<td class="t">出生日期：</td>
								<td>
									<input type="text" name="nian" style="width: 30px ;" />年
									<select value="month">
										<option>选择月份</option>
										<option>1月</option>
										<option>2月</option>
										<option>3月</option>
										<option>4月</option>
										<option>5月</option>
										<option>5月</option>
										<option>6月</option>
										<option>7月</option>
										
									</select>
									<input type="text" name="day" style="width: 20px;" />日
								</td>



							</tr>
							<tr>
								<td colspan="2">
									<center>
										<input type="submit" value="提交" />
										<input type="reset" value="重填" />
									</center>
								</td>
							</tr>
						</form>
					</table>
				</center>
			</div>
		</center>


	</body>
</html>

只会切图的程序猿
关注
创建和使用HTML表单：构建一个简单的用户注册页面
qq_40254606的博客
08-11 466
form>: 定义表单，action属性指定表单提交的目标URL，method属性定义提交方式（通常为GET或POST: 定义输入字段。: 单行文本输入。: 电子邮件地址输入，浏览器会自动验证格式。: 密码输入，文本将被隐藏。: 为表单元素定义标签，通过for属性关联到对应的输入字段，提升可访问性。: 定义多行文本输入区域，可以根据需要调整大小。: 定义一个下拉菜单。: 定义下拉菜单中的一个选项。
【前端开发实战】用 CSS 制作一个华丽的动画登录表单超详细教程新手友好~完整代码示例| 前端动效| 网页设计| 项目实例|HTML/CSS动画|打造炫酷漂亮的登陆表单 - 适合初学者小白的详细指南
南北极之间
06-07 342
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。在用户悬停在环形动画上时，边框颜色会变化并增加阴影，提升交互体验。整体效果是一个炫酷的动画登录表单。这个登录表单页面包含了一个环形动画效果和一些输入框、按钮的样式。
HTML表单用户注册
06-06
HTML表单，用户注册，CSS样式+HTML
HTML表单(用户注册页面制作)
qq_63538423的博客
02-28 714
HTML表单(用户注册页面制作)
HTML-表单标签制作注册页面
07-22
HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性
html注册表单代码
06-23
这是一个html表单代码，用于会员注册，简单易懂，例如： 性别选择部分： 性别： 男 女
javaweb实验-实现一个表单注册登录网页
09-24
2. **内容编写**：在HTML中创建表单（如登录和注册表单），并添加按钮。同时，利用CSS进行样式设置，使网页看起来更美观。 3. **按钮功能实现**：借助JavaScript，为按钮添加事件监听器，当用户点击按钮时，执行相应...
一个注册表单
06-18
【描述】：这个项目是一个综合性的实践案例，它结合了HTML、CSS和jQuery技术，用于创建一个功能完整的注册表单。通过这个项目，我们可以深入学习如何利用这些关键技术来构建用户交互性强、视觉效果良好的网页组件。 ...
前端学习 FreeCodeCamp html 注册表单
03-20
一个基本的HTML注册表单通常会包含以下元素： 1. `<form>`标签：这是表单的容器，用于定义表单的行为和数据处理方式。例如： ```html ``` 这里的`action`属性指定了处理表单数据的服务器端脚本，`method`属性...
html5用手机号码注册表单特效代码
03-20
在"html5用手机号码注册表单特效代码"这个主题中，我们主要探讨的是如何利用HTML5来创建一个针对手机用户的高效、易用且具有特效的注册表单。 在移动互联网时代，手机号码注册已经成为许多应用程序和网站首选的身份...
html注册登录表单
12-16
html注册登录表单，包含js/css代码，有需求的可下载。
【HTML】-- 用户注册表单
衍生星球的博客
06-11 8140
使用html标签做一个简单的注册表单，下面是一些常用的标签。 button标签：普通按钮，功能代码自定义。 submit：“确定” ，提交到后台。 reset：“取消” ，让表单控件原内容为空。 select标签：下拉选择框。 textarea：多行文本输入框。...
HTML注册表单
skudhdk的博客
10-16 441
编写一个HTML网页，在网页中显示一个注册表单，包括“用户名”、“密码”、“确认密码”、“QQ号码”、“电子邮箱”五个文本框或密码框，以及如下所示图片按钮。(5) 电子邮箱必须合法（即至少包含一个'@'字符和一个'.'字符）且不能为空；(1) 用户名不能为空，且只能是6-14位字符串；(2) 密码不能为空，且只能是6-14位字符串；(6) 用户在单击图片按钮时，实现表单提交功能。(4) QQ号码必须为数字且不能为空；(3) 两次输入的密码必须一致；
html实现用户注册功能表单页面（附源码）
小助手爱编程
09-06 3827
运行结果如图 代码如下 源码地址 点击跳转下载源码
简易注册表单（HTML）
每天一个前端小知识~
08-13 9993
HTML：用于搭建基础网页，展示页面的内容 下面利用HTML的知识实现注册表单 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="#" method="get"> <h3 al
使用HTML创建用户注册表单
qq_43580271的博客
07-31 574
在当今数字化时代，网页表单对于收集用户信息和促进网站交互至关重要。无论您设计简单的注册表单还是复杂的调查表，了解HTML的基础知识可以帮助您构建有效的用户界面。在本教程中，我们将详细介绍如何使用HTML创建基本的用户注册表单。
HTML注册表单的页面制作
hey，欢迎浏览我的博客，希望能给你提供帮助。
10-12 7770
效果1：效果2： 效果1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .
html5用表单做一个用户注册页面
最新发布
09-28
以下是一个简单的例子，展示如何使用HTML5表单元素构建基本的注册表单： ```html <!DOCTYPE html> <html lang="zh"> 用户注册 用户注册 用户名: [a-zA-Z0-9_-]{4,}" title="请输入4-16位字符的用户名，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值