文档章节

总结登录界面的一些知识点

clorris
 clorris
发布于 2015/11/01 21:56
字数 258
阅读 27
收藏 0

1.HTML5新增的一个输入框提示语属性placeholder;

<input type="text" class="inputStyle" id="u" placeholder="手机号码" >

2.使用jQuery前需要安装jQuery: jquery安装教程 

3.使用jQuery的css()方法改变标签的样式。

例如:当登录信息错误时在错误提示框中显示错误信息。

<!--HTML代码——创建错误提示区域-->
   <div class="tips" id="tips">
</div>
/*CSS代码——用display:none将错误提示区域隐藏*/
 .tips{
     border-left: 4px solid #dd3d36;
     background: #fff;
     -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
     box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
     margin-bottom: 20px;
     margin-left: 0;
     padding: 12px;
     display:none;
}
//JS代码——jQuery的CSS()方法
$(tips).css("display","block");
tips.innerHTML="用户名不能为空";

4.让登录表单处于整个页面的正中间

body{
    background-color: #f1f1f1;
    font: 12px "lucida Grande",Verdana,"Microsoft YaHei";
    /*1.先固定好整个界面的位置*/
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
.container{
    /*2.设置固定大小*/
    width:334px;
    height:500px;
    border: 0;
    position:absolute;
    /*3.将整个容器固定在正中间*/
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-167px;
}


© 著作权归作者所有

上一篇: 网页布局
clorris
粉丝 1
博文 3
码字总数 2323
作品 0
金华
程序员
私信 提问
Egret入门学习日记 --- 第四篇

第四篇(学习篇)   好了,今天继续把昨天的问题解决了。   今天见鬼了。      现在界面又出来了。唯一我动过的地方,应该就是这里:          是的,我点了一下刷新。之后,...

DMC-尼禄
07/13
0
0
34岁!100天!学会Java编程(Day13-Day15)——Swing软件开发

图片发自简书App 时代的潮流 11月9日-11日,三天转瞬即逝。这几天中国大地上激流涌动: 在高层,特朗普访华,给美国带来了高达2500亿美元的签约额,让世界再次见识了中华民族买买买的大手笔;...

魏小筠
2017/11/12
0
0
ubantu忘记登录密码怎么办?(ubantu16.04)

  刚知道有虚拟机的时候为了那啥(咳咳),花了好几天的时间装了很多的操作系统,像什么os x、kali、red hat、以前的win7什么的,甚至还有一个Android的虚拟机……扯偏了,然后最近学习到了...

Twaine
2018/08/09
0
0
Spring mvc+oss存储+fileupload多文件上传实现SSO单点登录模板管理

之前给大家介绍了sso的相关知识点和集成方案,考虑到每个系统所属行业的不同,这边针对于不同行业做了一些统一的sso单点登录界面模板,使用fileupload多文件上传+OSS阿里云存储方案。 1. 阿里...

SpringCloud关注者
2017/11/10
636
1
组件化知识梳理(1) - Arouter 的基本使用

组件化知识梳理目录 组件化知识梳理(1) - Arouter 的基本使用 组件化知识梳理(2) - Arouter 源码分析之 Complier SDK 组件化知识梳理(3) - Arouter 源码分析之运行时 SDK 一、前言 放假几天在...

泽毛
2018/04/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

射频特征阻抗

Characteris Impendance(特性阻抗,也称为‘特征阻抗’)是我们经常看到并使用自己的术语之一,但非常模糊且难以解释。以下是来自几个不同来源的Characteris Impendance(特性阻抗)的一些定义。...

demyar
14分钟前
1
0
Spring Boot Tomcat配置项

参数配置容器 server.xx开头的是所有servlet容器通用的配置,server.tomcat.xx开头的是tomcat特有的参数,其它类似。 所有参数绑定配置类:org.springframework.boot.autoconfigure.web.Serv...

xiaomin0322
18分钟前
2
0
微课程 | 第二课《Docker 安装方式介绍》

微课程 | 第二课《Docker 安装方式介绍》视频 https://v.youku.com/v_show/id_XNDQ0NDUzNjkxNg==.html?spm=a2hzp.8244740.0.0 上一期我们介绍了 DBLE 的基本概况,下面进入我们的正题,正题基...

爱可生
18分钟前
2
0
GUAVA--基础工具(Preconditions)

1、前置条件 俗话说丑话讲在前面,在做某些事情的时候是需要做一些前置条件的。假如需要修改一条数据的话,当参数传进来,我们要先查询这条数据是否存在。这时候就需要一个if了,如果参数还需...

MrYuZixian
32分钟前
6
0
PythonSpot 中文系列教程 · 翻译完成

原文:PythonSpot Python Tutorials 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 在线阅读 ApacheCN 学习资源 目录 PythonSpot 中文系列教...

ApacheCN_飞龙
40分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部