为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...