
HTML
Doris_sun
人生最大的快乐不在于占有什么,而在于追求什么的过程中
展开
-
网页中图片和文字垂直居中分布
前端排版的时候,常常会碰到图片在一个区域在正中间,水平居中很容易做到,外层样式用{text-align:center}就可以水平居中;如果知道图片的高度,垂直居中可以在外层样式加padding样式,如果图片高度不知道的情况,又怎么做呢?工具/原料做网页的工具都行 ,比如:Dreamweaver,Aptana Studio,EditPlus等,记事本也转载 2017-03-29 21:49:52 · 1732 阅读 · 0 评论 -
HTML中设置输入框为只读状态的方法
在设计网页的时候,有时候我们需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种,分别是使用input的disable和readonly两个属性,不过他们之前还是有一些区别的。可以看到,虽然两种都是让INPUT的内容不能被用户编辑,但是对于后期的美工处理就有问题了!比如:input{color:blue;}这样一来:只有转载 2017-04-10 14:00:52 · 2671 阅读 · 0 评论 -
关于移动端页面弹出框被软键盘遮挡的问题
在移动端页面的开发中,当弹出框内有输入框需要用户输入时,往往会面临这样的一个问题:弹出的软键盘会将输入框遮挡住,不方便用户看到自己输入的内容。如下图输入地址一栏:移动端中,当软键盘弹出时,会触发一个页面的resize事件,意思就是说,html的高度会发生改变,变成原来的高度和软键盘的高度相差值。由下图也可以看出,弹出框因内容自适应变得差不多要占完一整屏,而当转载 2017-04-10 14:02:24 · 3773 阅读 · 0 评论 -
移动端兼容性问题解决方案
1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,比如你在手机上转载 2017-04-10 14:04:38 · 4649 阅读 · 0 评论 -
怎么解决input框中加入disabled="disabled"之后,改变字体的颜色(默认的是灰色)
在input框中加入disabled=”disabled”之后,字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opacity:1}disabled 默认是0.3,所以样式里一定要加 opacity:1转载 2017-04-12 17:19:54 · 12013 阅读 · 8 评论 -
修改输入框placeholder文字默认颜色-webkit-input-placeholder
class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">11我想让input框默认显示的字体颜色和输入的颜色保持一致,一直认为应该要设置input的颜色,改了很久,一定用不管,最后想到了placeholder属性,于是乎百度了一下,果然placeholder默认的字体颜色是浅灰色的, 然后针转载 2017-04-12 17:21:29 · 532 阅读 · 0 评论 -
网页中邮箱点击直接进入发送邮件页面的样式
最近写一个网页,遇到邮箱的问题,想要实现点击进入发送邮箱的页面,从网上查看,发现在a 链接中加入一属性(“mailto: aaa@5icool.org”),可以解决这个问题。代码如下:aaa加入此代码便可实现 参考网站:http://www.5icool.org/a/201003/308.html原创 2017-04-13 10:33:29 · 18574 阅读 · 0 评论 -
js和html的注册页面
版权声明:本文为博主原创文章,未经博主允许不得转载,如果你非要转载,那能怎么办呢?需求:1, 用户名称验证,必须由字母、数字、下划线组成,并且长度为8-15长度2, 用户密码 必须由字母、数字、下划线组成,并且长度为6-12长度3,确认密码必须与用户密码相同4,性别,必须选一个5, 兴趣爱好也必须至少选一个6,国家也必须选一个(美国,中国,或者英国)7,自我评转载 2017-09-20 10:03:49 · 1348 阅读 · 0 评论 -
js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
onclick 单击事件onblur 失去焦点事件onchange 当对象或选中区的内容改变时触发。onmouseover 当用户将鼠标指针移动到对象内时触发。onmouseout 当用户将鼠标指针移出对象边界时触发。onsubmit 当表单将要被提交时触发。1、静态点击事件script type="text/javascript">// A标签的点击事转载 2017-09-20 10:05:38 · 1155 阅读 · 0 评论