您的位置首页生活小窍门

placeholder和value的区别是什么

placeholder和value的区别是什么

input中的value和placeholder区别由于HTML5的出现,使得表单的功喊瞎能更加强大,input的功能郑档空应用起来更加简单,从value到placeholder。但是由于兼容问题,placeholder只适合在移动端的项目,IE6/7/8不支持,只能用value,或者你可以用其他方法模拟placeholder,具体案例你可以看支付宝和财付通的登录和注册页面。下面分别介绍下value和placeholder的实际应用。value如果用的是value,我们想鼠标focus后默认文字消失,移开后默认文字又重现,可以这样来写。placeholder如果用的是placeholder,我们就不需要JS了,因为它本身就自带focus和blur功能了。但是有时候设计师给我们的设计稿往往跟默认文字颜色是有区别的,那我们如何改变placeholder默认文字颜色呢,如下::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #f00;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #f00;}一般都是用以蠢链上这种方法来处理,这里就不放demo了,比较简单,如果想看效果,把代码复制到网页里查看。