正在读取中...

广告正在读取中...

当前位置:首页 > JS代码 > 表单按钮

表单输入框/密码框文字提示代码

所属栏目:表单按钮 时间:2012-09-06 来源:本站 作者:管理员Deep 次围观 次下载

点击输入时提示文字即消失, 兼容IE6/IE9/Chrome/Firefox等主流浏览器。

代码如下:

文本框:

<input name="keyword"  type="text"  value="请输入关键字" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}">

密码框:

<input autocomplete="off" name="password" size="30" type="text" value="密码" onfocus="if(this.value==defaultValue) {this.value='';this.type='password'}" onblur="if(!value) {value=defaultValue; this.type='text';}" style="width: 400px;">

这是先将密码框改成文本框,点击后变成密码框。

具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

猜你喜欢

共有 条评论

给个评价吧

验证码:

正在读取中...

下载最多的

1移动端表单验证插件 - mobileValidate

移动端表单验证插件 - mobileValidate

2jQuery优秀的select美化代码插件

jQuery优秀的select美化代码插件

3Select2实现的带搜索的省市区三级联动代码

Select2实现的带搜索的省市区三级联动代码

4jquery购物车数量加减JS插件

jquery购物车数量加减JS插件

5可设默认值的纯js省市县三级联动选择代码

可设默认值的纯js省市县三级联动选择代码

6jqTransform - jQuery表单美化插件 - 美化select/input/radio/textarea/checkbox

jqTransform - jQuery表单美化插件 - 美化select/input/radio/textarea/checkbox

7jQuery弹出框多选联动菜单JS代码

jQuery弹出框多选联动菜单JS代码

8html5手机日历控件 触屏滑动日期选择器

html5手机日历控件 触屏滑动日期选择器

9仿搜狗首页jQuery搜索框样式代码

仿搜狗首页jQuery搜索框样式代码

10点击表情添加表情符到文本框中

点击表情添加表情符到文本框中

正在读取中...

最近更新的

1jQuery手机移动端页面购物车选择商品结算JS代码

jQuery手机移动端页面购物车选择商品结算JS代码

2nice validator - 领先的表单验证解决方案

nice validator - 领先的表单验证解决方案

3大气简洁的登录注册特效

大气简洁的登录注册特效

4jquery弹出职业等多选框

jquery弹出职业等多选框

5jquery input text文本框商品数量增加或减少

jquery input text文本框商品数量增加或减少

6jQuery滑动解锁登验证码表单登录代码

jQuery滑动解锁登验证码表单登录代码

7登陆界面

登陆界面

8移动端表单验证插件 - mobileValidate

移动端表单验证插件 - mobileValidate

9必须勾选同意才能提交表单的JS代码

必须勾选同意才能提交表单的JS代码

10html5手机日历控件 触屏滑动日期选择器

html5手机日历控件 触屏滑动日期选择器