百秀项目笔记二

一 登入页面的

1.form表单

二个必要属性 action: 中转自身页面

                        method:

其它               文件域 

                      客户端简单校验(浏览器自带):当input中有type属性时会自动客户端校验;此时在form中设置 novalidate  属性即可

                      客户端自动完成功能 :aotocomplete="of"

2.input

加入name属性

3.提交按钮

button

二 ,判断提交表单

1.是否是POST请求提交

2.判断,用户名用密码是否为空 空就 设置错误信息然后return,不空就 下一步

 

百秀项目笔记二_第1张图片

2.2错误信息动画提示效果(拓张)

                  Animate.css

叁考网:http://daneden.github.io/animate.css

用法:下载 Animate.css ,并把此文件放在要用的库当中

                   在对应使的标签中加放 class = 对应动画效果名  animated,本安例中就判断是否有错误信息时使用

 表单的状态保持 :    但客户写的密码不正确时,原来填的用户名还在,代码如下:

                                   value=""

3.密码用户用是否正确判断

用户名和密码错误:

用户名和密码都对时:直接跳到首业   header (  );

这 里要和数据库作链接,先载入数据库的配置文件

3.1

3.2百秀项目笔记二_第2张图片

3.3百秀项目笔记二_第3张图片

 4.用session_start去记录用户是否已登入过

 

 

你可能感兴趣的:(学习项目)