弄一个html的登录页面,使用HTML写一个简单的跳转登录页面
最近在学习前端的知识,于是就想写一个简单的页面跳转,必须是勾选了“我同意”这个选项以后才能跳转,否则不能,不废话,直接上代码。
首先是第一个页面:testlogin1.html
html lang="en">
head>
meta charset="UTF-8">
title>Titletitle>
head>
script>
type="text/javascript"
src="http://localhost:63342/python 文件/testlogin.html"
script>
body bgcolor="#ffffff" οnlοad="loadedvar=true;">
form name="terms" action="http://localhost:63342/python 文件/testlogin.html" method="get">
我同意: input type="checkbox" name="agree" value="ON">
input οnclick="if (loadedvar) {if (document.terms.agree.checked) {document.terms.submit();} else {window.alert('kumikoda提示您,必须先同意才能跳转')}} else {window.alert('请稍等...')}" type="button" value="继续">
input type="button" value="退出" οnclick="document.location.href='http://localhost:63342/python 文件/testlogin.html';" >
form>
body>
html>
然后是第二个页面testlogin.html
html>
head>
meta charset="utf-8">
title>登录title>
style>
#login {
width: 290px;
height: auto;
overflow: hidden;
border: solid 1px #CCCCCC;
}
#login_title {
width: 100%;
height: 40px;
line-height: 40px;
background-color: #F60;
text-align: center;
}
.line {
width: 250px;
height: 30px;
line-height: 30px;
margin-left: 20px;
text-align: center;
font-family: 楷体;
}
.line input {
width: 150px;
}
.line a {
font-size: 14px;
color: black;
}
.line span {
color: #F00;
}
#log_submit {
display: block;
width: 200px;
height: 30px;
margin-left: 45px;
margin-top: 15px;
margin-bottom: 5px;
}
style>
head>
body>
form action="#" method="post">
div id="login">
div id="login_title">登 录div>
div class="line">span id="msg">span>div>
div class="line">账号
input name="username" type="text" placeholder="账号/手机/邮箱" />
div>
div class="line">密码
input name="password" type="password" placeholder="请输入密码" />
div>
input id="log_submit" type="submit" value="登录">
div class="line">a href="#">找回密码a> a href="#">注册账号a>div>
div>
form>
body>
html>
最终结果如下:
呵呵,写的不好的地方,高手勿喷。
弄一个html的登录页面,使用HTML写一个简单的跳转登录页面相关推荐
- 写一个方法判断一个整数是否为质数_请写一个函数来检查用户提交的数据是否为整数...
请写一个函数来检查用户提交的数据是否为整数(不区分数据类型,可以为二进制.八进制.十进制.十六进制数字) 1.is_integer 是 is_int() 的别名,是一样的 2.is_int/is_in ...
- 利用js写一个函数,实现翻转任意数组。 写一个函数,实现对数字数组的排序。
1.写一个函数,实现翻转任意数组 function reverse(arr) {var newArr = [];for (var i = arr.length - 1; i >= 0; i--) ...
- 如何用python写一个答题程序_如何使用Python写一个百万英雄的答题辅助程序 (0) 简介...
关于百万英雄 前不久被女票介绍过来这个活动,需要下载西瓜视频APP(现在好像今日头条全系产品都支持了).这个活动是现在很火的答题分钱模式,只要答对12题就能和所有获胜者一起平分奖金. 最开始遇到不会的 ...
- win10电脑开机绕过密码自动登录,微软官方提供修改注册表跳过登录设置方法
有时候电脑异常重启,默认开机后由于必须登录导致很多开机启动项无法自动运行失去远程控制. 而且之前使用 netplwiz 用户账户设置自动登录的方法已经不能用了. 最新电脑自动登录设置方法: 计算机\H ...
- php页面汉语转英文,php如何自动跳转中英文页面
$lan = substr(?$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print(""); else ...
- 拼多多微信页面h5 html,拼多多(7pdd)微信跳转h5页面打开app跳转任意url关注技术weixin://dl/business/?ticket...
拼多多微信跳转接口利用了微信官方的weixin://dl/business/?ticket技术,此类接口可以在官方接口中找到,分析代码如下:www.wxticket.com 拼多多 生成ticket值 ...
- 用JAVA写一个古诗生成器_简简单单用java写一个营销号话术生成器
废话不多讲直接上代码import java.util.Scanner; public class sb { public static void main(String[] args) { Strin ...
- 用html编写一个红绿灯,如何用html+css+javascript写一个简易红绿灯
2 在记事本中复制添加以下内容并保留: 红绿灯 #div1 div{ width:200px; height:200px; background:pink; border:2px solid blue ...
- 写一个简单的登录页面!!!(html)
写一个简单的登录页面!!! 大家好,我是伍柒. 今天我又双叒叕发现了一个好东西. 那就是用html做一个登录页面 那,该如何做呢? 首先 现在html里的body里写 一个头部header标签(双标签 ...
最新文章
- LDialog基于DialogFragment封装的库,也许是一个Nice的库
- 使用data uri将图片内嵌到html中
- Spring MVC中用@ResponseBody转json,对json进行处理方法汇总
- nib、xib、storyboard(故事板)
- linux ping 端口_教你排除linux中网络故障问题
- python多线程锁有没有优先级别_全面解析python线程优先级队列(queue)原理
- 【感想文】感情经历,是否给你我带来的些许提升?我想,有。
- GPU Gems1 - 25 用纹理贴图进行快速过滤宽度的计算
- oracle sql优化
- java多线程的底层实现_多线程的底层实现机制 - 欢迎来到古怪匹诺曹的开发世界 - OSCHINA - 中文开源技术交流社区...
- 爱pia戏推出PC客户端,为您自动置顶窗口,方便查找
- 疯狂星期四,但是程序员
- 网页视频流m3u8/ts视频下载
- VSCode使用EmmyLua调试Lua代码
- Ubuntu configuration-1 安装常用软件
- m3u8 TS 解密合并转码mp4,支持在线 ,UC、QQ等本地缓存
- 【本周日城市沙龙】相约上海,共话互动媒体技术产品新趋势
- PDF怎么删除空白页?必备PDF页面删除技巧
- 解决数据库查询结果过大导致的录制失败问题(loadrunner)
- 【搭建方案】国标GB28181视频平台EasyGBS流媒体服务器如何实现小区安防监控系统的网页直播?
热门文章
- intellij idea下使用复制粘贴键没法用了,失效
- linux那个适合于旧电脑,最好的轻量级Linux发行版旧计算机 | MOS86
- centos ssh传输文件很慢
- Linux之shell编程
- 关于失物招领的html网页,notice.html
- 阿里巴巴-菜鸟网络-集成中间件团队招聘,A轮,空间巨大
- Windows程序调试----第三部分 调试技术----第9章 内存调试
- 台湾国立大学机器学习基石.听课笔记(第六讲): 一般化(举一反三)的理论
- system V IPC进程间通信机制一网打尽
- c51单片机矩阵键盘1602计算器_【Proteus】单片机配合矩阵键盘LCD1602制作简易计算器...