为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控件,加入即可
相关推荐
本篇将详细介绍如何使用一个名为"placeholderfriend.js"的jQuery插件,在IE浏览器下实现`placeholder`效果。 首先,我们来看`placeholderfriend.js`插件的基本原理。这个插件的工作机制是通过监听页面加载和输入框...
jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。
而"15种表单占位符placeholder动画jquery插件"正是基于jQuery的一个实用工具,特别针对表单设计,即foxholder.js。 foxholder.js是一款高效且功能丰富的jQuery插件,它的主要功能是在用户输入表单前显示提示文本,...
ie9浏览器上不支持placeholder属性,所以必须借助插件来实现placeholder,而jquery.placeholder.js则可以实现
这是一个jQuery插件,专门用于为老版本的IE提供`placeholder`属性的支持。 `index.html`是网页的入口文件,它可能包含了`<input>`元素,并且应用了`placeholder`属性。在IE7中,这些`input`元素将不会显示`...
《IE下支持文本框和密码框placeholder效果的JQuery插件解析》 在现代Web开发中,HTML5的引入带来了许多便利的新特性,其中之一便是`placeholder`属性。这个属性允许开发者为输入框(input)设置一个提示信息,通常以...
在互联网技术日新月异的时代,对于老旧浏览器的兼容性问题始终是开发者们需要面对的挑战之一。"IE8支持的placeholder组件"就是一个...然而,对于仍需支持IE8的项目,`jquery-placeholder`无疑是一个可靠的解决方案。
IE浏览器对Placeholder属性的支持问题 IE系列的浏览器,特别是IE9之前的版本,不支持HTML5的Placeholder属性。这导致在这些浏览器上用户无法看到输入框内的提示信息,影响用户体验。为了解决这一兼容性问题,...
1. 使用jQuery插件(如`jquery.placeholder.js`)或编写JavaScript代码来模拟`placeholder`行为。 2. 为不支持`placeholder`的浏览器设置`onfocus`和`onblur`事件。 3. 检查并更新CSS,以确保提示文本在不同浏览器中...
3. **模拟placeholder效果**:在输入框获得焦点时,插件会清除输入框内的提示文本,以便用户可以输入。同时,可能还会添加一个CSS类,改变输入框的样式,以表示当前状态。 4. **恢复提示文本**:当输入框失去焦点且...
总结起来,解决IE浏览器不支持`placeholder`属性的问题主要依赖于JavaScript,通过监听输入框的焦点和失去焦点事件来模拟`placeholder`的效果。同时,可以结合Bootstrap的样式来优化视觉体验。无论选择哪种方法,都...
以下是一个简单的jQuery插件示例,用于在不支持`placeholder`属性的IE浏览器中实现类似的功能: ```javascript (function($){ // 检查浏览器是否支持placeholder属性 if (!('placeholder' in document....
`placeholder` 属性的原生支持始于 HTML5,因此,对于那些不支持 HTML5 的浏览器,如 IE8 和 IE9,我们需要通过 JavaScript 或 jQuery 插件来模拟这一功能。在描述中提到的方法是通过创建一个 `<span>` 元素来显示...
IE下实现HTML5 input标签的placeholder属性的jQuery插件 这是一个用来在IE10之前的IE浏览器下模拟HTML5 input标签的placeholder属性的插件,用上它只需要在input标签中写上placeholder属性即可,还实现了placeholder...