`

jquery > 所有浏览器兼容 placeholder

 
阅读更多
<input type="text" id="header_search_text" class="inputtext"  placeholder="输入人名"  onfocus="" />

<script language="javascript">
<!--
$(document).ready(function () {
	addPlaceHolder($('#header_search_text'));
});

function addPlaceHolder(obj){
	obj.val(obj.attr('placeholder'));
	obj.click(function () {
		var obj = $(this);
		if (obj.val() == obj.attr('placeholder')) {
			obj.val('');
		}
	});
	obj.blur(function () {
		var obj = $(this);
		if ($.trim(obj.val()) == '') {
			obj.val(obj.attr('placeholder'));
		}
	});
}
							
//-->
</script>	

 

分享到:
评论

相关推荐

    jQuery placeholder实现源码(兼容所有浏览器)

    总结来说,jQuery `placeholder`实现的源码主要是通过模拟`placeholder`属性来达到在所有浏览器中的兼容性。它通过监听`focus`和`blur`事件,动态地添加和移除提示文本,确保用户能够顺畅地与输入框交互。对于不支持...

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

    标题中的"IE7浏览器处理兼容input placeholder"是指如何在不支持`placeholder`属性的IE7浏览器中模拟这一功能。这个问题的解决方案通常依赖于JavaScript库,例如在给定的压缩包中包含的`jquery.placeholder.min.js`...

    实现跨浏览器的placeholder,兼容IE7

    为了实现跨浏览器的`placeholder`兼容性,开发者通常需要借助JavaScript库或jQuery插件来模拟这一功能。本篇将探讨如何实现这一目标,同时分析提供的文件内容。 首先,`form4_placehold_value.html`很可能是测试...

    IE兼容placeholder js

    标题中的“IE兼容placeholder js”指的是在Internet Explorer(IE)浏览器,尤其是IE9及以下版本中,实现HTML5中的`placeholder`属性兼容性问题的一种JavaScript解决方案。`placeholder`属性是HTML5新引入的一个功能...

    jquery 代码解决placeholder不换行,不居中问题

    - **兼容性考虑**:虽然上述示例代码主要针对现代浏览器进行了测试,但在实际部署前,还需要考虑不同浏览器之间的兼容性问题。 - **性能优化**:对于大型项目而言,频繁触发 DOM 操作可能会导致性能瓶颈,可以考虑...

    jquery.placeholder.js

    `jquery.placeholder.js`是由jQuery库支持的,它的主要作用就是为不支持`placeholder`属性的浏览器提供兼容性解决方案。该插件包含了两个文件:`jquery.placeholder.js`和`jquery.placeholder.min.js`,其中`.min.js...

    jquery placeholder

    然而,一些较旧或非主流的浏览器并不支持这个特性,这就需要像`jQuery Placeholder`这样的插件来提供兼容性。 `jQuery Placeholder`的工作原理是通过JavaScript模拟`placeholder`的效果。它会在页面加载完成后查找...

    登录表单兼容placeholder的方法

    总之,为确保登录表单的`placeholder`功能在所有浏览器上都能正常工作,开发者需要关注兼容性问题,并选择合适的方法或工具来实现这一功能。通过JavaScript模拟`placeholder`属性,可以有效地解决这个问题,提高用户...

    两种方法基于jQuery实现IE浏览器兼容placeholder效果

    标题中提到的知识点是"基于jQuery实现IE浏览器兼容placeholder效果"。jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过简化HTML文档遍历、事件处理、动画和Ajax交互等操作,使得Web开发变得更加容易。而IE...

    IE下实现placeholder效果的jquery插件

    在互联网技术日新月异的今天,浏览器兼容性问题一直是开发者面临的一大挑战。尤其是在JavaScript功能实现上,不同的浏览器对某些特性支持程度不一,比如在IE浏览器中,早期版本不支持HTML5中的`placeholder`属性。`...

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

    总的来说,这个jQuery插件是一个解决浏览器兼容性问题的实用工具,使得在老版本的IE浏览器上也能实现HTML5的placeholder效果,从而提高用户体验。通过学习和使用这个插件,开发者可以更好地理解和掌握如何利用jQuery...

    ie8以下浏览器不兼容jquery解决方案

    标题提到的"ie8以下浏览器不兼容jQuery"是一个常见的问题,特别是在需要支持较旧版本Internet Explorer(IE)的应用程序中。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等...

    input中placeholder在Ie上兼容

    在前端开发过程中,浏览器兼容性始终是一个不可忽视的问题。标题提到的“input中placeholder在Ie上兼容”指的是HTML5中的`placeholder`属性在Internet Explorer(IE)浏览器上的支持情况。`placeholder`属性用于在...

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

    这篇文章详细介绍了如何利用jQuery实现一个自定义的Placeholder属性插件,解决了老旧浏览器不支持HTML5 Placeholder属性的问题。同时,它还展示了如何通过工具方法的使用、事件处理、以及渐进增强的思路来开发一个...

    ie8兼容placeholder.zip

    这段代码会遍历所有`&lt;input&gt;`元素,如果浏览器不支持`placeholder`,则在`onfocus`和`onblur`事件中添加相应逻辑来模拟提示文本的行为。 总的来说,处理IE8的`placeholder`兼容问题主要依赖于JavaScript和jQuery...

    jQuery实现IE输入框完成placeholder标签功能的方法

    本文实例讲述了jQuery实现IE输入框完成placeholder标签功能的方法。分享给大家供大家参考,具体如下: 如果在输入框加上placeholder=”xx”属性,例如: &lt;input type="text" placeholder="请输入关键词"/&gt; ...

    JqueryPlaceHolder

    `jQuery Placeholder`插件是实现跨浏览器`placeholder`属性支持的一个有效工具,尤其对于那些需要兼容旧版IE浏览器的项目来说。通过简单的引入和初始化,我们就能为所有用户带来一致的用户体验,无论他们使用的...

    使用jQuery快速解决input中placeholder值在ie中无法支持的问题

    为了改善用户体验,可以通过jQuery插件或脚本实现跨浏览器的placeholder兼容。 本文将详细介绍两种利用jQuery库快速解决input中placeholder值在IE浏览器中无法支持的方法。首先,了解在IE中placeholder无法显示的...

    input框中出现提示文字(兼容ie 火狐 谷歌)

    此外,还可以使用一些现成的库,如jQuery Placeholder插件,它们已经处理了这些兼容性问题,只需要引入库并简单配置即可实现跨浏览器的提示文字。 总结来说,要实现`input`框中出现提示文字并兼容IE、火狐和谷歌,...

Global site tag (gtag.js) - Google Analytics