前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >让你的IE也支持placeholder属性

让你的IE也支持placeholder属性

作者头像
老高的技术博客
发布2022-12-27 15:32:12
7020
发布2022-12-27 15:32:12
举报
文章被收录于专栏:老高的技术博客

placeholder属性是html5新加入的,所以非现代浏览器当然不会支持了。 已有牛人写了一下jquery插件实现了placeholder

项目主页

https://github.com/mathiasbynens/jquery-placeholder

使用方法

html

代码语言:javascript
复制
<input type="text" name="name" placeholder="e.g. John Doe">
<input type="email" name="email" placeholder="e.g. address@example.ext">
<input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">
<input type="tel" name="tel" placeholder="e.g. +32 472 77 69 88">
<input type="password" name="password" placeholder="e.g. h4x0rpr00fz">
<input type="search" name="search" placeholder="Search this site…">
<textarea name="message" placeholder="Your message goes here"></textarea>

js这样写:

代码语言:javascript
复制
$('input, textarea').placeholder();

css提示

这个插件会自动添加一个名为class="placeholder" ,如果想自己区分来,那就使用下面的css定义

代码语言:javascript
复制
input, textarea { color: #000; }
.placeholder { color: #aaa; }

动手试试吧!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014-02-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目主页
  • 使用方法
    • html
      • js这样写:
        • css提示
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档