制作简单的注册页面

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量1.7k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40996800/article/details/80058727
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<style type="text/css">
.main
{
width: 500px;
}
.tip
{
display: inline-block;
width: 100px;
height: 30px;
text-align: center;
}
.content
{
display: inline-block;
width: 200px;
height: 30px;
line-height: 30px;
text-align: center;
}
.subm
{
display: inline-block;
text-align: center;
width:20px;
}
.btn_sub
{
background: #69b946;
height: 32px;
width: 100px;
text-align: center;
font: 2px;
color:purple;
border: 20px;
}
#button{
color:blue;
margin-left: 100px;
}
input{
font-size: 12px;
color: red;
}
#email{
color: green;
border-color: brown;
}
#name{
color: midnightblue;
border-color: orange;
border-top-color: red;
}
select:hover{
color: green;
}
select:active{
color: red;
}

</style>
</head>
<body style="background-color: aqua; margin-left:520px; margin-top: 70px;">
<form>
<span class="tip">账号：</span><span class="content"><input type="text" name="name" id="name" /></span><br />
<span class="tip">密码：</span><span class="content"><input type="password" name="pwd" /></span><br />
<span class="tip">确认密码：</span><span class="content"><input type="password" name="repwd" /></span><br />
<span class="tip">电子邮箱：</span><span class="content"> <input type="email" name="user_email" id="email"/></span><br />
<span class="tip">性别：</span>
<span class="content">
<input type="radio" name="sex" value="man" />男
<input type="radio" name="sex" value="woman" />女
</span>
<br />

<span class="tip">生日:</span>
<span class="content">
<input type="date" name="" id="" value="">
</span>
<br />
<span class="tip">爱好:</span>
<span class="content">
<input type="checkbox" value="lanqiu">篮球
<input type="checkbox" value="wushu">武术
<input type="checkbox" value="wangqiu">网球
</select>
</span>
<br />
<span class="tip">省份:</span>
<span class="content">
<select name="shengfen">
    <option value="guizhou">贵州</option>
<option value="wuhan">武汉</option>
<option value="yunnan">云南</option>
</select>
</span> <br />
<input type="reset" name="button" id="button" value="重置" />
<span class="subm"><input type="submit" value="立即注册" class="btn_sub">
</span>
</form>
</body>
</html>
明轩THW
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
制作一个简单的注册页面
W2399755751的博客
02-23 767
8.提交按钮部分,当满足所有条件时,点击提交就会跳转页面.否则不会进行提交,这里检测用户协议部分使用了contains()函数进行检测用户是否点击了用户协议服务。1.发送验证码部分,使用计时函数setInterval()进行倒计时操作。2.验证用户名部分,使用封装函数方便后续登录验证。6.再次验证密码部分。
QQ注册界面（JAVA）
06-17
若是此资料有不对或者需要改进的地方 希望亲们指正 谢谢啦
QQ注册页（纯静态页面）适合刚学完html和css的小伙伴练手
最新发布
DL_dldlhhj的博客
04-30 1128
QQ注册页（纯静态页面）适合刚学完html和css的小伙伴练手
QQ登录界面程序源代码
06-29
import java.awt.*; import java.awt.event.*; import java.applet.*; import javax.swing.ImageIcon; import javax.swing.*; import java.lang.*; import java.sql.*; class Imagecanvas extends Canvas { Toolkit tool; Image Im; Imagecanvas() { setSize(360, 50); tool = getToolkit(); Im = tool.getImage("dj.jpg"); } public void paint(Graphics g) { g.drawImage(Im, 0, 0, 360, 50, this); } } class QqBorder1 extends JFrame implements ActionListener { Choice cho; QqBorder1() { super("QQ2010"); setSize(360, 260); setLocation(250, 120); setResizable(false); Container c = getContentPane(); FlowLayout layout = new FlowLayout(FlowLayout.CENTER); JPanel p1 = new JPanel(); JPanel p2 = new JPanel(); JPanel p3 = new JPanel(); cho = new Choice(); cho.add("在线"); cho.add("隐身"); cho.add("离线"); cho.add("忙碌"); cho.add("请勿打扰"); Imagecanvas canvas1 = new Imagecanvas(); p1.setSize(360, 50); p1.add(canvas1); TextField username = new TextField(25); TextField password = new TextField(25); password.setEchoChar('*'); JButton btrystu = new JButton("登陆"); JButton sezhi = new JButton("设置"); JCheckBox check1 = new JCheckBox("记住密码"); JCheckBox check2 = new JCheckBox("自动登陆"); // p1.setSize(360, 200); JPanel p21 = new JPanel(); JPanel p22 = new JPanel(); p21.add(new JLabel("账号：")); p21.add(username); p21.add(new JLabel("<html><font color=blue>注册新账号</font></html>")); // p21.add(new JLabel(" ")); p21.add(new JLabel("密码：")); p21.add(password); p21.add(new JLabel("<html><font color=blue> 找 回 密 码 </font></html>")); p22.add(new JLabel("状态:")); p22.add(new JLabel(" ")); p22.add(cho); p22.add(check1); p22.add(check2); p22.add(new JLabel(" ")); p2.add(p21); p2.add(p22); p2.setBounds(100, 300, 200, 300); p2.setLayout(new GridLayout(2, 1, 10, 10)); p3.add(sezhi); p3.add(new JLabel(" ")); p3.add(btrystu); add(BorderLayout.NORTH, p1); add(BorderLayout.CENTER, p2); add(BorderLayout.SOUTH, p3); this.setVisible(true); } public void actionPerformed(ActionEvent e) { } } public class QqBorder { }
QQ注册代码
01-05
qq注册页面，包括布局以及由登录界面跳转到主界面的代码，欢迎大家点击下载，谢谢
HTML实现简单注册登录页面
m0_57714421的博客
12-21 1万+
HTML实现注册登录
IDEA登陆注册页面.rar
07-10
在本项目中，我们主要探讨如何使用IntelliJ IDEA（简称IDEA）开发一个基于Java的登陆注册页面，并集成MySQL数据库进行数据存储。这个过程涵盖了前端界面设计、后端业务逻辑处理以及数据库交互等多个关键环节。 首先...
简单的静态登录注册页面
05-02
总之，制作一个简单的静态登录注册页面是前端开发入门的重要步骤，它能够帮助开发者熟练掌握HTML、CSS和JavaScript的基本语法和实际运用，提升对网页结构和交互逻辑的理解。虽然这个项目在实际应用中的价值可能有限...
panel制作注册页面
04-13
asp.net使用panel制作注册页面！非常简单的注册页面，没有连接数据库。没有详细的制作过程，主要是制作后的效果！可以为你制作注册页面，提供一个思路！
HTML5登陆注册页面模板
05-05
HTML5登陆注册页面模板是一个基于前端技术实现的交互式网页设计。...在这个模板中，用户可以在登录和注册功能...对于想要提升前端开发技能或寻找快速构建登录注册页面解决方案的人来说，这是一个很好的学习和实践案例。
用户信息注册页面制作.pptx
03-10
用户信息注册页面制作.pptx 本资源主要介绍了使用 Bootstrap 框架制作用户信息注册页面的方法，涵盖了 Bootstrap 的基本概念、表单布局、表单控件、水平排列型表单、内联型表单等知识点。 一、Bootstrap 基础知识 ...
简单好看的登陆注册界面
10-16
一个简单的网页登陆和界面，可以识别输入的密码邮箱等格式错误，原代码有很多的不必要代码，被我修改后更加简洁，也更适合新手。
简单的注册页面
01-22
简单的注册页面。
一个简单的登录注册网页的实现
weixin_46034970的博客
11-21 6493
一个简单的登录注册网页的实现 通过标签让标签内的内容居中显示，再通过标签中的method属性来设置请求方式为post（一般涉及密码等机密数据都用post请求）；再通过action来设置请求地址。这其中注册按钮是要跳转到注册账号的页面的，所以我们要用来实现这个跳转功能，用标签中的href属性来设置跳转的地址。 接下来就是来写注册页面了。 注册页面依旧通过标签让标签内的内容居中显示，再通过标签中的method属性来设置请求方式为post。这其中要注意的就是要给id为text_1和text_2的标签来设置na
最简单的网页登录注册功能讲解及其实现
AKGWSB 's blog
07-04 2万+
前言 最近打算做一个网页登录的练习，记录一下学习的过程吧。 结构 实现一个网页最基本的注册与登录功能，我们需要 mysql存储用户账户信息 编写注册html页面 编写后台注册程序 编写登录html页面 编写后台登录验证程序 创建数据库存储账户信息 使用mysql数据库来创建一个存储用户数据的数据库。 我们来到mysql的控制台。这里我使用的是xampp带的mysql。打开mysql控制台的方法： 以管理员模式运行cmd cd /d 路径 命令进入mysql的bin目录下 输入命令mysql -u 用户
用户注册页面的设计与实现（html+css）
ZYCRY的博客
11-03 2万+
用户注册页面的设计与实现（html+css） 文章目录用户注册页面的设计与实现（html+css）1.目的2.内容3.步骤4.代码实现5.页面展示6.最后 1.目的 熟悉HTML+CSS 及表单知识的应用 2.内容 使用 HTML5 表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 具体功能如下： 界面设计 表单设计 使用 input 标签的 email 类型实现电子邮箱验证 使用 input 标签的 autocomplete 属性实现内容自动记
注册页面制作
lizhi20210729的博客
01-06 674
注册页面 这次试着没有跟着老师一起做，直接看着成品页面独立的做出来了，中途比较大的一个问题就是刚学对这些标签不熟悉，然后又回去找这些基础知识。不过最后出来代码跟老师的差不多，就是最后4行的处理上不一样，老师是前面放空的单元格，我是直接把最后四个单元格进行了一个跨行合并，感觉没必要改，这样挺好就直接这样吧。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <
用HTML制作用户注册网页
台风欲来花满楼~~
03-22 8886
HTML语言是网页设计最基本的语言，可谓是基本功，今天我就用记事本通过HTML语言做了个基础得不能再基础的用户注册页面：       我们看看他的源码 如下：     用户注册          为了净化网络环境，用户注册必须符合以下条件：               必须满18周岁          热爱共产主义事业          不做造谣，传谣者    
HTML注册页面代码实现（案例）
热门推荐
qq_43113232的博客
09-11 5万+
注册页面 &amp;lt;!--定义表单 form--&amp;gt; &amp;lt;form action=&quot;#&quot; method=&quot;post&quot;&amp;gt; &amp;lt;table border=&quot;1&quot; align=&quot;center&quot; width=&quot;5
jquery制作注册页面
12-18
jQuery是一种流行的JavaScript库，它简化了在网页上进行DOM操作和事件处理的编程过程。使用jQuery可以轻松地制作注册页面。...当然，这只是一个简单的示例，实际制作注册页面时还可以根据需求添加更多功能和验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值