`
VitoCorleoneDemo
  • 浏览: 5486 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

placeholder效果的jQuery插件,支持IE6、IE7

阅读更多

为IE添加placeholder支持功能,采用悬浮的span元素方式来模拟placeHolder,一般的,你在不输入的时候,会取到框内的值。此方法就没有这个担忧了。

 

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>placeholder支持IE6/7</title>
<script type="text/javascript" src="jquery.1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.placeholder1.0.js"></script>
<script type="text/javascript">
	$(function(){
		$('input').placeholder({isUseSpan:true});
	})
	function getValue() {
		var textValue = $("#userName").val();
		alert(textValue);
	}
</script>
</head>
<body>
<form>
  <label for="name">用户名</label>
  <input type="text" id="userName" placeholder="输入用户名"/>
  <input type="button" value="取值" onclick="getValue()"/>
</form>
</body>
</html>

 

 下面有两个js控件,加入即可

 

分享到:
评论

相关推荐

    IE下实现placeholder效果的jquery插件

    本篇将详细介绍如何使用一个名为"placeholderfriend.js"的jQuery插件,在IE浏览器下实现`placeholder`效果。 首先,我们来看`placeholderfriend.js`插件的基本原理。这个插件的工作机制是通过监听页面加载和输入框...

    jquery插件解决IE6到IE9版本不支持placeholder的问题(包括网页含多个password的特殊处理)

    jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。

    15种表单占位符placeholder动画jquery插件

    而"15种表单占位符placeholder动画jquery插件"正是基于jQuery的一个实用工具,特别针对表单设计,即foxholder.js。 foxholder.js是一款高效且功能丰富的jQuery插件,它的主要功能是在用户输入表单前显示提示文本,...

    jquery.placeholder.js

    ie9浏览器上不支持placeholder属性,所以必须借助插件来实现placeholder,而jquery.placeholder.js则可以实现

    IE7 浏览器处理 兼容 input placeholder.zip

    这是一个jQuery插件,专门用于为老版本的IE提供`placeholder`属性的支持。 `index.html`是网页的入口文件,它可能包含了`&lt;input&gt;`元素,并且应用了`placeholder`属性。在IE7中,这些`input`元素将不会显示`...

    IE下支持文本框和密码框placeholder效果的JQuery插件分享

    《IE下支持文本框和密码框placeholder效果的JQuery插件解析》 在现代Web开发中,HTML5的引入带来了许多便利的新特性,其中之一便是`placeholder`属性。这个属性允许开发者为输入框(input)设置一个提示信息,通常以...

    IE8支持的placeholder组件

    在互联网技术日新月异的时代,对于老旧浏览器的兼容性问题始终是开发者们需要面对的挑战之一。"IE8支持的placeholder组件"就是一个...然而,对于仍需支持IE8的项目,`jquery-placeholder`无疑是一个可靠的解决方案。

    jQuery实现的一个自定义Placeholder属性插件

    IE浏览器对Placeholder属性的支持问题 IE系列的浏览器,特别是IE9之前的版本,不支持HTML5的Placeholder属性。这导致在这些浏览器上用户无法看到输入框内的提示信息,影响用户体验。为了解决这一兼容性问题,...

    ie6 7 8兼容html5属性placeholder

    1. 使用jQuery插件(如`jquery.placeholder.js`)或编写JavaScript代码来模拟`placeholder`行为。 2. 为不支持`placeholder`的浏览器设置`onfocus`和`onblur`事件。 3. 检查并更新CSS,以确保提示文本在不同浏览器中...

    placeholder(HTML 5) IE 兼容插件

    3. **模拟placeholder效果**:在输入框获得焦点时,插件会清除输入框内的提示文本,以便用户可以输入。同时,可能还会添加一个CSS类,改变输入框的样式,以表示当前状态。 4. **恢复提示文本**:当输入框失去焦点且...

    解决IE下不支持placeholder属性

    总结起来,解决IE浏览器不支持`placeholder`属性的问题主要依赖于JavaScript,通过监听输入框的焦点和失去焦点事件来模拟`placeholder`的效果。同时,可以结合Bootstrap的样式来优化视觉体验。无论选择哪种方法,都...

    input中placeholder在Ie上兼容

    以下是一个简单的jQuery插件示例,用于在不支持`placeholder`属性的IE浏览器中实现类似的功能: ```javascript (function($){ // 检查浏览器是否支持placeholder属性 if (!('placeholder' in document....

    input的placeholder属性兼容ie8 优化版

    `placeholder` 属性的原生支持始于 HTML5,因此,对于那些不支持 HTML5 的浏览器,如 IE8 和 IE9,我们需要通过 JavaScript 或 jQuery 插件来模拟这一功能。在描述中提到的方法是通过创建一个 `&lt;span&gt;` 元素来显示...

    jquery.placeholder.js:IE下实现HTML5 input标签的placeholder属性的jQuery插件

    IE下实现HTML5 input标签的placeholder属性的jQuery插件 这是一个用来在IE10之前的IE浏览器下模拟HTML5 input标签的placeholder属性的插件,用上它只需要在input标签中写上placeholder属性即可,还实现了placeholder...

Global site tag (gtag.js) - Google Analytics