CSS3中password的属性如何修改?

html-css021

CSS3中password的属性如何修改?,第1张

出于安全考虑,凡是类型为password的输入框,只要发生了页面跳转,再次返回当前页面时,即使是从浏览器缓存区读取的页面,此类输入框也会被自动清空的。否则的话危险是显而易见的:只要浏览器没有关闭,其他人在使用同一台电脑的时候就可以很容易用你的账号登录了,因为他只要回退页面到达你原来登陆的页面即可。

如果你非要这么做,那么可以这样:

可以把协议内容直接放在注册页面,如果内容较多可以一开始设为隐藏的,点击按钮或链接后再显示出来,这个用js很容易就能搞定;

如果非要新开页面来显示协议内容,可以采取新开窗口或新开标签页的方式,这样的话原注册页面就不会被关闭,也不会被刷新,那么原来输入的密码就还在;

如果非要在同一页面显示协议内容,然后再返回登录页面,那么就只能先把密码存入Cookie,返回后再读取出来放到密码框中,或者通过url传参方式把密码内容传到协议页面,返回时再把密码传回登录页面。需要提醒的是,这么做会造成很大的泄密风险,后果自负。

1、新建一个html文件,命名为testhtml,用于讲解div加css怎么调输入框的大小位置。

2、在testhtml文件内,使用div创建一个模块,并设置div的id为mydiv。

3、在testhtml文件内,在div标签内,使用input标签创建一个输入框

4、在css标签中,通过类名mydiv设置div的样式,定义其宽度为300px,高度为200px,背景颜色为灰色。

5、在css标签中,使用margintop来定义input的位置,距离div的上边缘为50px,使用width和height属性设置input输入框的大小为,长150px,高度为30px。

6、在浏览器打开test.html文件,查看实现的效果。

《HTML 5与CSS 3权威指南(第2版·下册)》(陆凌牛)电子书网盘下载免费在线阅读

链接:https://pan.baidu.com/s/19icsrckf-gqsaPxzO0w2CQ

密码:huny    

书名:HTML 5与CSS 3权威指南(第2版·下册)

作者:陆凌牛

豆瓣评分:7.6

出版社:机械工业出版社华章公司

出版年份:2013-3-31

页数:264

内容简介:

第1版2年内印刷近10次,累计销量超过50000册,4大网上书店的读者评论超过4600条,98%以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊,而且在整个原创计算机图书领域也是佼佼者。本书已经成为HTML 5与CSS 3图书领域的一个标杆,被读者誉为“系统学习HTML 5与CSS 3技术的最佳指导参考书之一”和“Web前端工程师案头必备图书之一”。第2版首先从技术的角度结合最新的HTML 5和CSS 3标准对内容进行了更新和补充,其次从结构组织和写作方式的角度对原有的内容进行了进一步优化,使之更具价值且更便于读者阅读。

作者简介:

陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3有非常深入的研究,而且对Sencha Touch等移动应用开发框架也有非常深刻的认识,并且付诸了大量实践。同时,他还擅长微软与Java的相关技术,在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。此外,他还是一位颇有影响力的技术作家: