checkedbox

IE8下对type=checkbox类型的input的placeholder属性的仿写

自作多情 提交于 2019-12-02 05:51:30
placeholder 属性是 HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 如 <input type="text" id="userName" placeholder=" 用户名"/> <input type = "password" id="passWord" placeholder="密码"/> 目前浏览器的支持情况 浏览器 IE6/7/8/9 IE10+ Firefox Chrome Safari 是否支持 NO YES YES YES YES 然而,虽然IE10+支持placeholder属性,它的表现与其它浏览器也不一致 IE10+ 里鼠标点击时(获取焦点)placeholder文本消失 Firefox/Chrome/Safari 点击不消失,而是键盘输入时文本消失 我们希望IE低版本下实现IE10+ placeholder的效果,可以通过以下方法: 首先css 的样式如下: <style type="text/css"> input[type="text"] { display:block; margin:0 auto; width: 230px; text-align: center; } #userName { margin-top: 31px; border: