用html实现一个注册网站，实现跳转

已于 2022-10-25 09:07:29 修改
阅读量4.7k 收藏 20
点赞数 6
分类专栏： HTML 文章标签： html 前端
于 2022-10-25 09:00:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gyk1303/article/details/127506417
版权

这是本人第一次写HTML语言文章，仅仅只是自学，有何不完美，望海涵

1.实现一个注册网站

<html>
  <head> <h1 style="color:red; font-size: ">HELLO WORLD!!!</h1>//标题
    <title>
       HELLO &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
      </title>
    </head>
      <br> <body><a href=javascript:alert("欢迎欢迎！！！")>点击!</a></br>
<form action="123.php" method="get">
注册你的专属账号 账号<input type="text" name="名字" />//开一个输入
<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp密码:<input type="password" name="密码"><br>
<p>

<input
最低0.47元/天 解锁文章
gyk1303
关注
  • 6
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
简单的HTML登录页面制作及跳转页面
Stephen_CY666的博客
07-12 6548
密码账号邮箱:
用html和css写登陆页面并且跳转网站
2201_75903640的博客
08-24 3352
【代码】用html和css写登陆页面并且跳转网站。
html/php 注册成功后跳转
yi_ZhangMengXin的博客
12-22 1629
由html代码编写的注册页面
使用HTML、CSS和Javascript编写一个注册界面（二）
阿常的博客
06-05 1097
使用HTML、CSS和Javascript编写一个注册界面（二），编写js交互逻辑部分
HTML——登录、注册页面的跳转
weixin_58811914的博客
06-10 4万+
登录界面显示如下：
登录注册页面跳转
热门推荐
qq_37807821的博客
09-02 5万+
用HTML、jQuery和css写一个简单的登录注册页面 看了一些前端部分的视频，有点手痒，想起大学时做的某管理系统的前端部分，当时基本都是靠着CV写的，现在想想应该可以自己写一点了。 话不多说，先上图： 首先是登录页面： 点击注册按钮可以跳转到注册页面： 注册页面做了一点简单的判断： 伪非空验证： 还有伪密码验证： 红字提示存在两秒，两秒后消失，清除密码框内的内容，但是不清除用户名框内的文本。 然后当用户名和密码输入正确以后（其实两次密码一样就行，用户名不空就好）就可以跳转到登录页面。这里有一个坑
html+js实现输入用户名和密码点击登录跳转页面
m0_54256047的博客
12-28 1万+
html+js实现输入用户名和密码点击登录跳转页面
HTML实现登录后跳转到指定页面，不回退
weixin_45392969的博客
03-13 6869
HTML登录成功后跳转页面，浏览器不回退
登录页面、注册页面以及页面跳转
weixin_57595610的博客
04-11 1101
登录页面到注册页面的制作与跳转 登录页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt
ASP.NET实现个人信息注册页面并跳转显示
10-21
在这个案例中，我们将讨论如何使用ASP.NET实现一个个人信息注册页面，并在用户提交信息后跳转到新页面显示这些信息。 首先，我们需要创建一个新的MVC项目。ASP.NET MVC（Model-View-Controller）是一种设计模式，它...
html实现用户简单的注册登录
03-06
1.用户可以填写信息 2.单选，多选操作 3.下拉框选择 4.用户名和密码正则表达式校验 5.有任何一项未校验成功（包括空白）都无法注册或提交 6.注册成功后跳转到注册成功界面，注册成功后几秒后再次跳转到注册界面。
HTML简单实现网站布局、图片漂浮、区域跳转、登陆注册及图片查看器
11-22
涉及Dreamweaver实现网站布局、简单站点开发、区域跳转、注册登录界面、图片查看器等内容，课程前期已经详细讲解了TXT撰写HTML基础代码，后期准备结合软件加深下。非常基础的文章，希望对初学者有所帮助。 内容包括...
HTML+css+js实现一个完整的登录+注册页面
12-27
使用a标签来实现两个页面的相互跳转，设置超链接的文本和目标地址。 html登录注册页面 使用div标签来划分页面的不同区域，方便进行样式设置和内容填充。 使用label标签来为输入框添加文本标签，方便用户输入和验证。...
html+js+css实现一个鲜花商城
最新发布
07-02
在这个项目中，你将亲手设计并实现一个包含商品展示、购物车功能、用户登录与注册的电子商务平台。项目不仅仅关注界面的布局与美化，更重视于通过JavaScript实现动态交互，如商品筛选、数量选择、页面跳转等，为用户...
HTML-第六周-表单-登录页面与跳转注册页面（代码在最后）
weixin_56537692的博客
04-03 5472
HTML-第六周-表单-登录页面与跳转注册页面（代码在最后）
HTML实现页面跳转的几种方法盘点
hdxx2022的博客
01-25 1377
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。缺点：firefox不支持（firefox不支持span、div等的innerText属性）3") 结合了倒数的javascript实现（firefox）-- 以下方式只是刷新不跳转到其他页面 -->3) 结合了倒数的javascript实现（IE）-- 以下方式定时转到其他页面 -->优点：灵活，可以结合更多的其他功能。缺点：受到不同浏览器的影响。5) 整合3)和3")
html注册提交后自动跳转,点击登录，登陆成功，自动跳转到起始页面，这要怎么做？...
weixin_39600366的博客
05-31 5913
先介绍下登录过程，然后介绍代码如何做。登录过程下面这个页面是起始页面，因为我已经测试过了，所以这里会显示我的用户名点击按钮跳转到登录页面，输入用户名，密码，然后点击登录(注意这里我们的用户名是:segment)页面会跳转到起始页面，并且会显示我们刚才的用户名起始页面设计--goTo-demo.html主要代码如下：登录返回后下面显示你的登录用户名点击跳转登录当前用户名是：var username ...
html注册成功信息传给登陆页面,从前后端分别学习——注册/登录流程2
weixin_34220502的博客
06-03 1978
昨天研究了网站的注册流程，感兴趣的可以看下：从前后端分别学习——注册/登录流程1今天接着研究注册/登录流程之登录。登录首先来看一下登陆过程：登录逻辑和注册逻辑基本一致，但登录的过程只对数据库进行读，比对用户的信息是否存在。登录页面的 HTML 和 CSS 基本一致，这里就不放上来了。注册成功后跳转当用户注册成功后，会跳转到登录页面，进入登录页面，发送GET请求，所以需要做一个路由，代码和之前一样，...
用vue写一个登录和注册页面，并且能实现相互跳转
06-07
好的，为了实现登录和注册页面的设计，您需要进行如下步骤： 1. 在Vue项目中，创建两个组件：Login.vue 和 Register.vue，分别用于处理登录和注册的业务逻辑； 2. 在 App.vue 中添加两个路由，使得用户能够进行登录和注册页面的跳转； 3. 在 Login.vue 组件中，添加表单元素，获取用户输入的账号和密码； 4. 在 Register.vue 组件中，添加表单元素，获取用户输入的账号和密码； 5. 在组件中分别添加登录和注册的方法，并在方法中处理相应的业务逻辑； 6. 在登录和注册成功后，使用Vue Router进行页面跳转。 下面是一个简单的示例代码，您可以参考一下： App.vue ```html <template> <div> <router-link to="/login">登录</router-link> <router-link to="/register">注册</router-link> <router-view></router-view> </div> </template> <script> export default { name: 'App' } </script> ``` router/index.js ```js import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/Login' import Register from '@/components/Register' Vue.use(Router) export default new Router({ routes: [ { path: '/login', name: 'Login', component: Login }, { path: '/register', name: 'Register', component: Register } ] }) ``` Login.vue ```html <template> <div> <h2>登录</h2> <form> <label>账号：</label> <input type="text" v-model="username"> <br> <label>密码：</label> <input type="password" v-model="password"> <br> <button @click.prevent="login">登录</button> </form> </div> </template> <script> export default { name: 'Login', data() { return { username: '', password: '' } }, methods: { login() { // 登录逻辑 this.$router.push('/home') } } } </script> ``` Register.vue ```html <template> <div> <h2>注册</h2> <form> <label>账号：</label> <input type="text" v-model="username"> <br> <label>密码：</label> <input type="password" v-model="password"> <br> <button @click.prevent="register">注册</button> </form> </div> </template> <script> export default { name: 'Register', data() { return { username: '', password: '' } }, methods: { register() { // 注册逻辑 this.$router.push('/home') } } } </script> ``` 在以上代码中，我们使用了Vue Router来实现路由跳转。在登录和注册成功之后，我们使用`this.$router.push('/home')`来进行页面跳转，其中`/home`是我们需要跳转的页面路径。 希望这个简单的示例代码能够帮助到您完成登录和注册页面的设计。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gyk1303

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值