jQuery插件enplaceholder实现输入框提示文本
使用:首先,在头部分别介绍jQuery和这个插件。
脚本>
脚本>
然后你可以叫鸟
通过对占位符值的模拟
$(输入的)Placeholder();
通过对占位符插入元素的模拟
$(输入的)。Placeholder({ isusespan:true});
代码uff1a
体{字体:12px / 1.5'simsun;}
形式{宽度:420px;身高:260px;保证金:20px汽车0;}
h3 { font-weight: bold;保证金:10px 0;}
P { margin-bottom: 10px;}
输入{垂直对齐方式:居中;margin-left: 10px;身高:24px;线高度:24px;宽度:200px;填充:填充左左:;}
文本垂直对齐:{中间;margin-left: 10px;宽度:200px;身高:50px;字体:继承;填充:填充左左:;}
包装统计数据{可见性:隐藏;}
html {颜色:# 000;背景:# FFF;}
主体,div,dl,dt,DD,UL,OL,李,H1,H2,H3,H4。
体、按钮、输入、选择、文本12px / 1.5 {字体:宋体,宋体;}
输入、选择、文本字体大小:100%;} {
表{边界折叠:折叠;边框间距:0;}
文本对齐:继承;}
img {边界:0;}
iframe {显示:块;}
字体样式:正常;字体重量:500;}
列表样式:无;}
H1、H2、H3、H4、H5、H6 {字体大小:100%;字体重量:500;}
{文字装饰:无;}
答:悬停{文本装饰:下划线;}
FN清晰{缩放:1;}
清晰:{可视性:隐藏;显示:块;字体大小:0;内容:;清除:两个;高度:0;}
FN隐藏{显示:无;}
左键,右键{显示:内联;}
左向左,向左;}
右键{
。FN隐藏文本{字体大小:0;线高度:0;颜色:RGBA(0,0,0,0);}
SL包装。
SL包装表{表布局:固定;}
按值模拟占位符
$(# Form1输入,# Form1 textarea)。Placeholder();
用户名称:
网站:
注:
在不支持占位符的浏览器中,它通过插入一个挂起的跨度元素来模拟。
当文本框改变时占位符消失。
$(# username2,#密码)。Placeholder({ isusespan:true});
用户名称:
秘密代码:
注:
当焦点得到时,占位符消失:
$(#演说2)。Placeholder({ isusespan:真的,输入:假});
网站:
$(# Form1输入,# Form1 textarea)。Placeholder();
$(# username2,#密码)。Placeholder({ isusespan:true});
$(#演说2)。Placeholder({ isusespan:真的,输入:假});
$(# remarks2)。Placeholder({ isusespan:true});