input标签placeholder属性,css input placeholder
记得引用框架类库复制代码代码如下:
$(文档)。ready(function () {
if ($.browser.msie)
$(input:text,input:password ).each(function () {
var $placeholder=$(this).属性(占位符);
var $width=$(this).css(宽度);
var $id=$(this).属性( id );
var $height=parseInt($(this).CSS( height ))6 px ;
var $fontSize=$(this).CSS( font-size );
var $fontWeight=$(this).CSS( font-weight );
var $ lineHeight=$ height
如果($(这个)。css(行高)!=正常){
$lineHeight=parseInt($(this).CSS(行高))6 px
}
如果($占位符!=未定义){
$(这个)。在( span class=\ placeholder ph _ $ id \ style=\ width:$ width;行高:" $行高";高度:" $ height ";font-weight:" $ font weight ";左边距:- $ width ;font-size: $ font size \ $ placeholder /span );
}
$(这个)。bind(keyup ,function () {
如果($(这个)。val()==) {
$(这个)。父级()。查找(。ph_ $id).css(display , inline-block );
}
否则{
$(这个)。父级()。查找(。ph_ $id).css(显示,无);
}
});
});
$(.占位符)。live(click ,function () {
$(这个)。上一页()。焦点();
});
});
页面调用复制代码代码如下:
输入id=n1 type=text placeholder=我是提示内容正常 /
输入id=n2 type=text placeholder=我是提示内容宽高style= width:100px;高度:100像素;/
输入id=n3 type=text placeholder=我是提示内容我有其他样式/style= width:300 px;高度:40px font-weight:bold;
输入id=n4 type=text placeholder=还可以尝试下其他的 /
样式复制代码代码如下:
style type=text/css 。占位符{显示:内嵌块;颜色:灰色;垂直对齐:顶部;溢出:隐藏;}
/风格
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。