进天来弄个登录框

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

然后，我们就做：

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

 <!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. patch工具的使用

    1. 最简用法 patch -p1 < jello.patch

  2. ios 新建app iphone 、 ipad or universal ？

    很久没有关注这个新建app的  时候 选什么的问题了, 因为我们一般在公司 都是 已经建立好的app 直接 在那上面开发. 所以很久不建立新app 遇到新的app需要你自己去创建的时候 可能就会 有突 ...

  3. C# 读取文件内容

    读取文件内容有三种方式 全部读取到字符串变量中 一次读取一行 全部读取到字符串数组中,每个数组元素存储一行文本 全部读取到字符串变量 string text = System.IO.File.Read ...

  4. VS2015编译gdal库

    gdal下载地址:http://trac.osgeo.org/gdal/wiki/DownloadSource 修改nmake.opt中的一些配置.1. GDAL_HOME = “C:\warmerd ...

  5. Carve Visual Studio2015编译

    下载Carve库  https://github.com/folded/carve 目录结构如下: 用Visual Studio2015打开,点击右键,生成即可 在bin目录下生成了   .lib文件 ...

  6. flutter showDatePicker显示中文日期_Flutter时间控件显示中文

    flutter showDatePicker showTimePicker显示中文日期 1.配置flutter_localizations依赖 找到pubspec.yaml配置flutter_loca ...

  7. 最简易的python web框架的后端实现

    1.源代码 #!/usr/bin/python #encoding=utf-8 from flask import json, Flask, request app = Flask(__name__) ...

  8. JEECG新建用户不用系统用户表的实现

    首先新增组织机构 和 角色: -- 新增 组织机构 INSERT INTO `t_s_depart` VALUES ('dept001', '你所在的机构', '你所在的机构的描述', null, ' ...

  9. iOS笔试题02

    1. Difference between shallow copy and deep copy? 1> 浅拷贝:指针(地址)拷贝,不会产生新对象 2> 深拷贝:内容拷贝,会产生新对象 2 ...

  10. c#关于Dictionary中自定义Key

    Dictionary 描述 字典 Dictionary 通过 Hash 桶算法进行O(1)查找数据,在 Hash 碰撞达到一定次数后会自动进行 Resize,也会在数组大小不足的时候会自动进行Resi ...