进天来弄个登录框

首先,登录框要有登录的账号、密码、和确定、取消的,密码也是要隐藏的。

然后,我们就做:

这是理想中的样子,有了想法,就开始写了

 <!dotcype html>
<html>
<head>
<title>登录</title>
</head>
<body>
<form align="center"><!--form是说里边的内容是一个整体的表单-->
账号:<input type="text"/><br/><!--账号是可看到的所以用文本类型-->
密码:<input type="password"/><br/><br/><!--密码一般是是不能给人看的所以要隐藏-->
<input type="submit" value="登录"/>
<input type="reset" value="取消"/>
</form>
</body>
</html>

这样我们就弄好了一个登录框了,但是它是没有登录功能的,现在给他升级

 <!dotcype html>
<html>
<head>
<title>登录</title>
</head>
<body>
<form align="center"><!--form是说里边的内容是一个整体的表单-->
账号:<input type="text" name="id"/><br/><!--账号是可看到的所以用文本类型-->
密码:<input type="password" name="psc"/><br/><br/><!--密码一般是是不能给人看的所以要隐藏-->
<input type="submit" value="登录" formaction="Login successfully.html"/>
<input type="reset" value="取消"/>
</form>
</body>
</html>

Login successfully.html的标签也给你们自己玩:

 <!dotcype html>
<html>
<head>
<title>登录</title>
</head>
<body align="center"><!--调整位置-->
<br/><br/><br/>
<font size="20"><!--调整字体大小-->
<b>登录成功!!!</b>
</font>
</body>
</html>

当然,这个登录是有缺陷的,因为它是静态网页,所以是不能继续判断的

要想进行判断,就要应用js

所以,目前还是不做了

今天珠海被水泡了,下了一天的雨,还停课了一天

希望明天别下雨了

学HTML第二晚 登录框的制作的更多相关文章

  1. 【python笔记】Qt+云函数 实现简单的登录框制作

    [python笔记]Qt+云函数 实现简单的登录框制作 备注:前置条件:QtDesigner.pycharm.PyQt5.配置好的云函数(百度的叫函数计算CFC,用来充当一个简陋的服务器,主要是免费) ...

  2. PyQt中登录框设计

    很多软件,比如QQ,亦或一些管理系统,运行之后都会先弹出一个登录框,只有登录成功了,才能进入软件主界面. 以前在邮件列表中回答过如何做登录框,这里重新整理下. 从刚开始做Delphi的时候就有不少人纠 ...

  3. Sqli-LABS通关笔录-11[sql注入之万能密码以及登录框报错注入]

    在这一关卡我学到了 1.万能密码的构造,大概的去揣测正常的SQL语句是如何的. 2. 3. 00x1 SQL万能密码的构造 在登录框当中可以添加了一个单引号.报错信息如下所示: 据此报错,我们大概的可 ...

  4. java web 登录框

    我们会骂 12306 的网站界面挫,效果差,速度慢,回头看看自己写的代码,是不是也一样的狗血!在前端,很多看似简单的东西,内藏无数玄机.本文将以一个小小的登录框为入口,谈一谈如何完善自己的程序. 在很 ...

  5. java在线聊天项目 swt可视化窗口Design 登录框注册按钮点击改变窗口大小——出现注册面板 实现打开登录框时屏幕居中

    登录框注册按钮点击改变窗口大小——出现注册面板  首先用swt可视化设计登录窗口如下图: 此时窗口高度为578 没点击注册时高度为301(可自己定) 注意:注册用户的Jpanel 的border选择T ...

  6. 跟我学SpringCloud | 第二篇:注册中心Eureka

    Eureka是Netflix开源的一款提供服务注册和发现的产品,它提供了完整的Service Registry和Service Discovery实现.也是springcloud体系中最重要最核心的组 ...

  7. 4.羽翼sqlmap学习笔记之Post登录框注入

    4.Sqlmap系列教程——post登录框注入注入点: http://xxx.xxx.com/Login.asp 注入方式一: 1.对着注入点使用burp抓包,保存txt格式文件. 2.输入命令: . ...

  8. Discuz! X2.5判断会员登录状态及外部调用注册登录框

    Discuz! X2.5判断会员登录状态及外部调用注册登录框 有关discuz论坛会员信息,收集的一些资料: 用dedecms+discuz做了个门户加论坛形式的网站,但是dedecms顶部目前只能q ...

  9. javascript实例学习之三——类新浪微博的登录框

    该登录框和百度的搜索框类似,可以实现如下效果: 1.文字输入时自动弹出提示层 2,提示层根据输入文字进行自动过滤 3,提示层可以使用上下按键进行选择 4,提示层可以点击或者回车来确认输入 微博登录框h ...

随机推荐

  1. Linux CentOS 7 常用命令集合

  2. 分析CSS布局神器

    只要在页面下加入如下css,整个css布局就清晰了 * { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,2 ...

  3. Linux怎样设置tomcat自启动

    --未验证 越来越多的人把tomcat部署在Linux下,但是linux下必须用命令才能启动tomcat,如果同一个服务器下tomcat部署几个的话,每次启动就很繁琐,能不能设置在linux系统启动时 ...

  4. python中dir,__dict__ , __setitem__(),__getitem__()

    class Testa: pass class Testb(object): pass if __name__ == '__main__': print 'testb = ',dir(Testb) p ...

  5. osg qt ifc

    ui_ifcproject_20190702.h #pragma once /************************************************************* ...

  6. css简单学习属性3---css属性选择器

    1:通配符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  7. JS 时间处理(GMT转换,超24小时加一天,时间差计算)

    计算天数,加小时,加分数 Date.prototype.Format = function (fmt) { // author: meizz var o = { "M+": thi ...

  8. springboot Thymeleaf中格式化jsr310新日期时间类(LocalDateTime,LocalDate)--thymeleaf格式化LocalDateTime,LocalDate等JDK8新时间类

    依赖maven包 <dependency> <groupId>org.thymeleaf.extras</groupId> <artifactId>th ...

  9. mysql删除某一个数据库中所有的表

    SELECT concat('DROP TABLE IF EXISTS ', table_name, ';') FROM information_schema.tables WHERE table_s ...

  10. Python3之错误处理

    在程序运行的过程中,如果发生了错误,可以事先约定返回一个错误代码,这样,就可以知道是否有错,以及错误的原因.在操作系统提供的调用中,返回错误码非常常见.比如打开文件的函数open(),成功时返回文件描 ...