我们的登录页面使用了

加上一些简单的CSS样式,最终的效果如下图

我们给登录页面做了简单的JS判断,如果用户名和密码没有填写登录,会给出相关的提示信息

具体代码如下html>

用户登录

html>

登陆界面

function foo(){

if(myform.username.value=="")

{

alert("请输入用户名");

myform.username.focus();

return false;

}

if (myform.password.value=="")

{

alert("请输入密码");

myform.password.focus();

return false;

}

}

table{

height: 300px;

}

input{

width: 190px;

height: 25px;

}

.title{

background-color:#B10707 ;

color: white;

border: none;

}

.but{

width: 140px;

height: 43px;

}

.spa{

margin-left: 10px;

}

会员登录[返回首页]
会员ID
会员密码

立即登录

将我们在页面填写的信息提交到login.php页面处理

php网页论坛制作教程,PHP开发 小型论坛教程之登录HTML页面相关推荐

  1. php小论坛开发总结,PHP开发 小型论坛教程之添加论坛-2

    本页面是处理从添加页面表单提交过来的数据 代码如下<?php header("content-type:text/html;charset=utf8"); $forum_na ...

  2. ArcGIS二次开发基础教程:开发环境配置教程(ArcEngine10.4+VS2019)

    开发环境配置教程 由于ArcGIS.ArcEngine以及承载开发环境的Visual Studio的版本众多,其开发环境的配置也有不小的难度,故写此文章写给新入门ArcGIS二次开发的同学,帮助他们摆 ...

  3. php实现小论坛,PHP开发 小型论坛教程之添加论坛-1

    本页面我们使用了table表格进行布局 最终效果如下图 代码如下html> 论坛 table,td,tr{ border: 1px solid #B10707; } .btn{ backgrou ...

  4. 前端在线网页版表格是怎么开发的?教程来咯~~~

    前端小伙伴们,随着前端页面的日益强大 起来,不知道你是不是还在为开发一款在线版的Excel,在线ppt等发愁,因为这并不是一件很容易的事情,恰好有遇到这种业务需求的时候,那就来看一下这一个特别适用的在 ...

  5. microsoftsql新建登录用户登录失败_史上最简单的Spring Security教程(九):自定义用户登录失败页面...

    生活中肯定存在这样的场景,在登录某个网站时,难免会忘记密码,或是验证码输入错误,造成多次尝试.所以,有必要适度的提醒用户,到底是什么原因造成了登录失败,如用户名密码不正确.验证码错误等等.由于 Spr ...

  6. HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)

    HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

  7. web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...

    web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

  8. 【web前端特效源码】使用 HTMLCSSJavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开发基础入门教程|网页制作|网站开发定制

    b站视频演示效果: [web前端特效源码]使用 HTML&CSS&JavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开 效 ...

  9. 【前端实例代码】使用 HTML 和 CSS 如何实现惊人的透明登录框页面毛玻璃效果| 前端开发 网页制作 基础入门教程

    b站视频演示效果: [web前端特效源码]使用 HTML 和 CSS 如何实现惊人的透明登录框页面毛玻璃效果| 前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYPE htm ...

最新文章

  1. YSLOW法则中,为什么yahoo推荐用GET代替POST?
  2. 曝光丨探访哈工大机器人的秘密基地(图)
  3. 在SecureCRT中,hbase shell不能回退的问题
  4. IDOC、ALE、EDI三者之间的区别与联系
  5. ionic tab导航在android 顶部解决方案
  6. java bean工厂_java-将Service用作“工厂”以返回不同的Bean...
  7. 嵌入式Linux基础学习笔记-文件IO编程-I/O多路复用
  8. 监听以太网(三) Packet32数据结构说明
  9. Rest上传文件(利用jersey)
  10. apache开源项目--thrift
  11. 问卷星图片自动提取小程序
  12. Linux复制文件到某路径并重命名
  13. html静态网站基于游戏网站设计与实现共计10个页面 (仿地下城与勇士游戏网页)
  14. 云平台仿真框架cloudsim介绍
  15. Android Java(2015-6-18 15:28、2016-1-30 21:18、2016-5-31 11:20)
  16. Web 攻防之业务安全:越权访问漏洞 测试.
  17. 《经济学是什么》精髓:如何用经济学家的眼光理解个人选择和市场经济?
  18. js中条件三目运算符?:
  19. matlab riccati 方程,matlab解riccati方程
  20. 一些mathtype符号

热门文章

  1. mysql 数据库名称相同吗_mysql 数据库名称相同吗
  2. oracle update 数据库恢复,ORACLE update 操作内部原理
  3. android eclipse 按钮事件,android eclipse按钮的OnClick事件 - java
  4. java解析xml实例_在java中使用dom解析xml的示例分析
  5. python百度网盘_百度网盘突然大调整,网友炸了..
  6. 求两个集合是否有交集 c语言_高中数学:集合与函数概念知识点总结
  7. c++中有表示正无穷的数吗_简单的数
  8. eclipse中文乱码解决_已解决-解决IntelliJ IDEA控制台输出中文乱码问题
  9. python人机猜拳游戏_Python实现剪刀石头布小游戏(与电脑对战)
  10. Spring的EL表达式