文档章节

Placeholder in IE8 and older

Geek-S
 Geek-S
发布于 2016/06/08 14:34
字数 161
阅读 32
收藏 1

        在前端开发中,Input需要有提示信息,在Chrome等浏览器中可以方便的使用placeholder属性,但是在IE8 or older浏览器中会出现无法显示的问题,如果开发自己去写一个function来进行提示信息的显示和清除,可能会增加前端的编码量,另外,可能会有一些考虑不到的点。所以推荐直接使用较为流行的Plugin来完成:

0.节点直接使用placeholder属性:

<input type="text" name="name" placeholder="Geek4J">

1.在JS中进行事件绑定:

$('input').placeholder();

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

© 著作权归作者所有

Geek-S
粉丝 13
博文 77
码字总数 18976
作品 0
大兴
程序员
私信 提问
miaoqiyuan.cn/placeholder.js

placeholder.js 让低版本的浏览器(主要是 IE8和IE9 )支持 placeholder ,为了便于移植,没有依赖任何框架(比如 Jquery )。 引用后,使用HTML5 中 placeholder 编写的页面,无需做任何改动,...

miaoqiyuan.cn
2017/09/01
0
0
IE8下对type=checkbox类型的input的placeholder属性的仿写

placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 如 <input type="text" id="userName" pla...

独特55
2015/09/25
635
0
IE8 常见的兼容问题

背景:即便现在IE 已经被微软弃用或者是说是改版为edge浏览器 种种IE的家族史,在此不作深究!总而言之,一句话,历史原因IE8还在使用,那么就出现了我们要讲的问题->IE8的兼容问题 1.首当其...

yope
2016/04/21
200
0
Placeholder 的低版本浏览器支持脚本--placeholderjs

让低版本的浏览器(主要是 IE8和IE9 )支持 placeholder ,为了便于移植,没有依赖任何框架(比如 Jquery )。 引用后,使用HTML5 中 placeholder 编写的页面,无需做任何改动,系统全自动分析...

mqycn
2017/09/01
146
0
html5 placeholder属性兼容ie11

placeholder 属性是html5的属性,用于提供描述输入字段预期值的提示信息(hint)。 简单例子: 这个标签属性主要用于提示,未填写之前是会显示的,鼠标触发的时候,是会隐藏的 注意:placeho...

smileNicky
08/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

把阿里巴巴的核心系统搬到云上,架构上的挑战与演进是什么?

作者丨张瓅玶(谷朴)阿里巴巴研究员 阿里巴巴核心系统作为全球最大规模、峰值性能要求最高的电商交易系统,在 2018 年之前只通过混合云弹性上云方式,为 双11 节约大量成本。直到 2019 年,...

阿里巴巴云原生
11分钟前
2
0
PHP MySQLi 系列函数

如何用mysqli系列函数连接一个mysql数据库? 1.PHP mysqli_connect()函数:mysqli_connect() 函数打开一个到 MySQL 服务器的新的连接。 语法:mysqli_connect ( host (规定主机名或IP地址), ...

imzchloe
29分钟前
2
0
如何在Notepad ++中格式化XML?

我有Notepad ++ ,我得到了一些非常长的XML代码。 当我将它粘贴在Notepad ++中时,存在很长的代码行(难以阅读和使用)。 我想知道是否有一种简单的方法可以使文本可读(通过可读,我的意思是...

技术盛宴
45分钟前
6
0
(Object[])null

dbutils下QueryRunner.java 的一段代码: package org.apache.commons.dbutils; public <T> T query(Connection conn, String sql, ResultSetHandler<T> rsh) throws SQLException { ......

行者终成事
45分钟前
5
0
商品评价

商品评价 商品评价 商品评价:指买家对所购买商品的评价。 一、商品评价的具体操作:在个人中心找到商品评价,找到商品对其评价,添加评价内容,添加商品图片。 二、商品评价在后台的具体显示...

Geek-Chic
48分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部