web_制作一个用户名 密码 性别 兴趣爱好 注册的界面

最新推荐文章于 2024-04-14 17:57:58 发布
最新推荐文章于 2024-04-14 17:57:58 发布
阅读量5.6k 收藏 45
点赞数 10
分类专栏： web_html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhu_fangyuan/article/details/107825024
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<!--
        	作者：zhu
        	时间：2020-08-05
        	描述：form表示表单
        -->
		<form>
			<!--
            	作者：zhu
            	时间：2020-08-05
            	描述：table 表示表格
            -->
			<table  cellpadding="0" cellspacing="0">
			
			<tr style="height: 40px;">
				<!--
                	作者：zhu
                	时间：2020-08-05
                	描述：tr 表示行
                		 td 表示列
                -->
				<td style="width: 120px;text-align: right;">姓名</td>
				<td style="width: 200px;">
					
					<input type="text" style="outline: none;border: 0.5px solid turquoise;padding-top: 2px;padding-left: 10px;width: 180px;height: 30px;" />
					
				</td>
				
			</tr>
			
			<tr style="height: 40px;">
				
				<td style="text-align: right;">密码</td>
				<td>
					<input type="text" style="outline: none;border: 0.5px solid gold;padding-top: 2px;padding-left: 10px;width: 180px;height: 30px;" />
				</td>
				
			</tr>
			
			<tr style="height: 40px;">
				
				<td style="text-align: right;">性别</td>
				<td>
					<!--
                    	作者：zhu
                    	时间：2020-08-05
                    	描述：单选框
                    -->
					<input type="radio" name="1"/>男
					<input type="radio" name="1"/>女
					
				</td>
				
			</tr>
			
		
			
			<tr style="height: 40px;">
				
				<td style="text-align: right;">兴趣爱好</td>
				<td>
					
					<!--
                    	作者：zhu
                    	时间：2020-08-05
                    	描述：复选框
                    -->
					<input type="checkbox"/>琴
					<input type="checkbox"/>棋
					<input type="checkbox"/>书
					<input type="checkbox"/>画
				
				</td>
				
			</tr>
			
			<tr style="height: 40px;">
				
				<td style="text-align: right;">
					
					<input type="submit" value="注册" />
					
				</td>
				
			</tr>
			
			</table>
			
		</form>
	</body>
</html>

界面显示效果

二师弟&
关注
  • 10
    点赞
  • 踩
  • 45
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
学生管理系统的注册登录以及管理的具体实现
qq475693104的博客
08-12 8114
题目要求： 编写程序：实现登录注册功能，程序一进来如果没有账号就选择注册，如果有账号就直接登录。 注册功能的时候要输入注册账号、设置密码、输入确认密码、输入邮箱号码、输入性别、输入个人简介、输入你的身份证号码、根据身份证号码获取你的出生年月日、输入验证码。 账号就是你的电话号码，不能小于11位 只能是13 、15、18开头的。 密码不能小于6位 不能大于10位， 首字母必须是大写字母开头，密码...
登录些用户名密码的页面
07-05
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个 JavaScript</h1> <p> JavaScript 能够对事件作出反应。比如对按钮的点击： </p> <button type="button" </body> </html>
入门HTML5：简单的个人注册信息页面实现
最新发布
2401_83050569的博客
04-14 756
<input type="radio">女</label><button type="">按钮</button>设置label标签的for属性值和表单控件的id属性值相同。<label for="man">男
用户注册界面
10-10
设计用户注册表单页面register.jsp，包含：用户名（文本框）、密码（密码框）、性别（下拉框）；
web前端之表格表单
qq_48608598的博客
03-14 879
一、表格 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--在页面中创建一个表格--> <!--最大的父级table--> <!--table上面有很多属性: border 设置边框。默认为0px
用HTML写会员注册页面
qq_68700791的博客
06-28 4853
㈠.首先展示一下运行效果： 输入相关信息： ㈡.完整代码截图如下： 其中内容可以自己更改 ㈢.页面代码的部分书写教程 ①文本框 <input type="text"> ②密码框 <input type="password"> ③性别选择按钮 <input type="radio"name="sex">男 ④多选框 <input type="CheckBox"> ⑤下拉框 <select name="pr...
java gui swing 实现注册界面 要求：户输入账号、密码、确认密码、性别、生日、兴趣、备注。其中带*为必填项。单击“注册”按钮，判断必填项是否填完整，两次密码是否输入一致。
Avadakur的博客
03-19 1万+
实现用户注册界面 设计实现用户注册界面，每组将实验报告提交至学习通，要求实验报告中包含功能展示与源代码。 要求：用户输入账号、密码、确认密码、性别、生日、兴趣、备注。其中带*为必填项。单击“注册”按钮，判断必填项是否填完整，两次密码是否输入一致。若注册信息有误，在左下角提示错误原因（选做）；若注册信息完整、正确，提示注册成功，将用户输入的信息打印到屏幕。按重置按钮将所有输入内容清空（必做）。 效果图 自认为很丑，但是功能认为还挺全 以下为代码实现，本人做出来的界面很丑，功能实现就可以。 代码内有注释。 i
基于servlet的登录注册界面
03-30
【基于Servlet的登录注册界面】是一个典型的Web应用开发实例，主要涉及到Servlet技术、数据库连接（MySQL）、前端交互（Ajax和jQuery）以及HTTP过滤器（Filter）的使用。下面将详细介绍这些知识点。 1. **Servlet**...
Bootstrap4响应式登录注册和找回密码页
07-13
Bootstrap4 是一个流行的前端开发框架，它为开发者提供了丰富的组件和样式，使得构建美观、响应式的网站变得简单快捷。在“Bootstrap4响应式登录注册和找回密码页”这个项目中，我们将探讨如何利用Bootstrap4来创建...
web界面设计
12-13
在实验过程中，张洁同学设计了一个包含"用户名"、"密码"、"出生日期"、"电子邮箱"、"身份证"和"爱好"等信息的用户注册界面，并通过JavaScript实现了功能交互，包括验证和提交等操作。这一过程不仅锻炼了她的编程技能...
game-review-web-app:一个人们可以在其中评论视频游戏的网站
04-08
【游戏评论网络应用】是一个基于Python技术开发的在线平台，专为游戏玩家和爱好者设计，让他们可以分享、讨论和评价各种视频游戏。这个平台的核心功能包括用户注册与登录、游戏信息展示、用户评论发布以及评论系统...
简单通用的后台登录界面html模板
07-14
它通常包含输入字段，如用户名和密码，以及登录按钮，有时还会有“忘记密码”或“注册”等链接。这些元素的设计应该直观易用，同时保持一定的美观性，以便提供良好的用户体验。 【描述】：“注：无后台 简单通用的...
表单设计案例---学生入校注册页面设计
qq_40956679的博客
09-18 1715
注意表单中常用的各个元素的特点！ ch02_6.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;学生信息注册页面&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &
HTML-----学生信息注册页面
m0_63064861的博客
03-22 2401
【代码】HTML-----学生信息注册页面。
Eclipse Web 开发的使用
jiahuan
06-27 430
IDE 之旅 Eclipse for Android –> Android Studio –> Eclipse for Web + WebStorm Eclipse 一路走来 创建Web Project，但是没有 web project 选项：使用 Dynamic Web Project 创建的 Dynamic Web Project 没有 web.xml：在创建项目时，不要直接
html网页制作—登录及注册页面设计
热门推荐
菇凉小伙de博客
04-11 5万+
一、文字处理 1、文字加粗：<strong><\strong> 2、文字换行：<br/> 3、文档标题：title 4、整体文字居中<body align="center"> 5、整体字体颜色：<body style="color:white"> 6、段落：<p> 7、标题：<h1>~<h6&g...
在DW中制作网页中的表单
Y_JLsanqian的博客
03-25 6807
表单 可以把用户的信息提交给服务器，是网站管理员与浏览者沟通的桥梁。利用表单处理程序可以收集、分析用户的反馈意见，做出科学的、合理的决策。 表单有两个重要的组成部分： 描述表单的HTML源代码； 用于处理用户在表单域中输入的信息的服务器端应用程序客户端脚本，如：ASP.NET、JSP、JAVA等。 表单使用的< form >标记是成对出现的，在首标记< form >和尾...
JavaScript小练习：制作一个简易的注册页面
qq_47863425的博客
04-26 5560
要求：用户可以填写用户名，密码，性别，爱好，籍贯，个人描述。其中用户名，密码，性别，籍贯为必填项，在必填项之前有红色的*号标注，若必填项没有填写，则点击注册按钮后，必填项后面会显示红色的提示文本。 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten...
web_点击按钮从一个页面跳转到另外一个页面
zhu_fangyuan的博客
09-06 1万+
页面1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function f() { location.href="test2.html" } </s
C#用户注册验证控件实战：涵盖必填、密码匹配与正则验证
首先，作者引导我们从创建一个名为"register.aspx"的ASP.NET网站页面开始，该页面被设计为用户注册界面，包含以下字段：用户名（必填）、密码（必填，且采用密码模式隐藏输入）、确认密码（用于验证输入一致性）、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值