进天来弄个登录框

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

然后，我们就做：

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

 <!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. SQL-W3School-函数：SQL HAVING 子句

    ylbtech-SQL-W3School-函数:SQL HAVING 子句 1.返回顶部 1. HAVING 子句 在 SQL 中增加 HAVING 子句原因是,WHERE 关键字无法与合计函数一起使 ...

  2. SQL-W3School-高级：SQL 数据库

    ylbtech-SQL-W3School-高级:SQL 数据库 1.返回顶部 1. 现代的 SQL 服务器构建在 RDBMS 之上. DBMS - 数据库管理系统(Database Managemen ...

  3. Angular 中的 dom 操作(ViewChild)以及父子组件中通过 ViewChild 调用子组件的方法

    <app-header #header></app-header> <div #myBox> 我是一个dom节点 </div> <button ( ...

  4. AnimatorSet学习示例代码

    package com.loaderman.customviewdemo; import android.animation.AnimatorSet; import android.animation ...

  5. 请求头User-Agent作用？

    请求头User-Agent作用 答: User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA.它是一个特殊字符串头,是一种向访问网站提供你所 ...

  6. 解决Jmeter跨线程组取参数值难题！(还没试)

    来源 https://mp.weixin.qq.com/s/q7ArxwnX1sOfa9tfHouSBQ 如果你工作中已经在用jmeter做接口测试,或性能测试了,你可能会遇到一个麻烦.   那就是j ...

  7. PAT 甲级 1061 Dating (20 分)（位置也要相同，题目看不懂）

    1061 Dating (20 分)   Sherlock Holmes received a note with some strange strings: Let's date! 3485djDk ...

  8. WinSCP 上传文件至Cetos 7 后用户无权限

    WinSCP是一个支持SSH的SCP文件传输软件. 可以用Windows环境向Linux环境传输文件,今天给新的Elasticsearch 服务器(cetos 7 )部署新的集群节点的时候,发现传输后 ...

  9. .Net Core 精选公众号集合（保持更新）

    dotNET跨平台 <dotNET跨平台>是国内首个以.NET程序员.技术文化.新闻为主题的公众号,拥有约5万读者.在这里你可以谈微软.NET,Mono的跨平台开发技术,也可以谈谈其他的跨 ...

  10. 解决 Ceph v14.2.1 RGW使能压缩时遇到不生效的问

    根据常规方法部署Ceph(14.2.1 or 14.2.2)集群+rgw后,通过命令“radosgw-admin zone placement modify --rgw-zone=default -- ...