首页 > web前端 > 刚刚接触的placeholder文本框占位符

刚刚接触的placeholder文本框占位符

2012-08-15 toyean web前端 0人评论 4876人浏览

刚刚看到的一个新属性—placeholder

用法:

HTML代码
  1. <input name="" type="text" placeholder="用户名" />  

给文本框加上placeholder属性以后,我们在浏览器中运行可以看到,文本框中显示的是用户名三个字,输入字符以后,用户名三个字小时,删除所输入的字符,用户名三个字又会显示出来,这是一个非常好的属性,用户体验很好,可是却不支持IE浏览器,IE浏览器想要实现类似的功能,除了用jquery,也可以用以下代码:

HTML代码
  1. <input name="" type="text" onfocus="javascript:this.value=='用户名' ? this.value='' : this.value" onblur="javascript:this.value=='' ? this.value='用户名' : this.value" value="用户名" />  

jQuery1.8的正式版已经到来了,在这里简单介绍一下jquery1.8更新的内容:

1. Sizzle 选择器引擎重新架构

2. 重新改造动画处理

3. 自动 CSS 前缀处理

当你在 .css() 和 .animate() 中使用 CSS 属性时,jQuery 会自动根据浏览器类型来设置一些前缀,例如 .css("user-select", "none") 在 Chrome/Safari 会变成 "-webkit-user-select", 在 Firefox 变成 "-moz-user-select", 在 IE10 则变成 "-ms-user-select".

4. 更灵活的 $(html, props)

5. 超过 160 个 bug 解决并关闭

6. 代码更加小

7. 模块化

同时 jQuery 1.8 还移除了一些 API,如果你要升级到这个版本请一定阅读官方发行说明。

 

打赏

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

拓源网官方微信
关注拓源网微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: