Jquery简单的placeholder效果 由于IE6-IE9不支持HTML5中的placeholder,所以自己依赖于Jquery简单的写了一个,供参考! 先看看效果吧!如下JSFiddle地址 查看效果链接 JS代码如下: /* * JS placeholder * IE6-IE9不支持HTML5中的placeholder */ function Placeholder(options) { this.config = { defaultColor: '#ccc', curColor: '

模仿placeholder效果 <select id="IsTop"> <option value="" disabled selected>是否置顶</option> <option value=">否</option> <option value=">是</option> </select>

$(".pay-license input").on("input propertychange blur",function(){ if($(this).val() == ""){ $(this).siblings(".pay-license-place").css("display","block"); } }); 给input框添加一个兄弟元素div  .pay-license-p

/*为空时显示 element attribute content*/ .project-task-edit .subtask-body-txt:empty:before { content: attr(placeholder); color: #eee; } .project-task-edit .subtask-body-txt:not:empty:before { content: ''; color: #eee; } /*焦点时内容为空*/ .subtask-body-txt:focus

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></sc

html <form method="post" action=""> <ul> <li> <span>邮箱</span> <input type="text" name="email" value="请输入邮箱" onfocus="if(value == '请输入邮箱'){value =''}" onblur="

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

效果如图: 实现思路:定时器每隔x秒生成宽高.下落速度(即动画执行时间).left随机的div. 1.CSS: body{ overflow: hidden;/*这是为了防止出现滚动条*/ } .com{ border-radius: 0 50% 50% 50%; background: skyblue; transform: rotate(45deg); position: absolute; top:; } 2.JS: $(function(){ var obj={ maxW:100,//最

1.textarea自适应高度,placeholder使用图标 自适应高度,有很多种办法: 1)jq: $("textarea").on("input",function(){ $(this).css({ 'height':'auto', 'overflow-y':'hidden' }).height(this.scrollHeight); }) 效果图: 2)使用插件:autosize,flexText等...插件肯定比一两句话的jq强大的多,或者是:这篇文章  

鼠标点击输入框文字消失 value实现方法  placeholder实现方法     以及JQ实现placeholder效果 <input type="text" value="请输入手机号" id="demo" class="inp-fon"> <input type="text" value="请输入银行卡号" id="demo" class=&

<form action="?action=deliver" method="post" class="deliver-form"> <div class="article-type"> <span>类型:</span> <?php foreach (range(1,14) as $num){ ?> <input type="radio" n

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文 处理思路: 新添加一个标签,模仿placeholder属性 直接上代码: css部分: .input-item {

其实除了支持placeholder 的浏览器,其他用js 或jq实现的都不叫placeholder 效果,只能算上是获取焦点,或失去焦点时的一个placeholder 没有出生时就已经存在效果 很多人用jq写,笔者,用的js写的 在这我觉得用js也好,jq也好,实现这个不仅仅是一个焦点得失的问题,更应该得到扩展 比如说,有value值时,我们给placeholder 组件传一个默认值叫 ‘请输入 ’  如果value 为空 则显示请输入  如果有value 值 则显示value值, 并不是清空,

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } </style> <script> window.onload=function(){ var certify=document.g

(function(){ HTMLElement.prototype.css = function () { var option; if (arguments.length > 0) { option = arguments[0]; if (2 === arguments.length) { option = {}, option[arguments[0]] = arguments[1]; } if ('object' === typeof option) { for (var key in

代码如下: const slider = (function() { var Slider = {}; // the constructed function,timeManager,as such that's a manager about managing the setInterval function TimerManager() { this.timers = []; this.args = []; this.isTimerRun = false; } // if the eleme

typetype是一款模仿人类打字效果的jQuery插件,typetype非常轻巧,文件不到2K,gzipped压缩后只有578字节,但模仿的效果非常逼真,一字一字的顿出和回删效果,让人惊叹不止,喜欢的朋友研究下吧,下面来看下它的使用方法: 引入核心文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javas

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

/* * @author ambar * html5 placeholder pollfill * - 使用绝对定位内嵌层 * - 也适用于密码域 * 目标浏览器: IE 6~9, FF 3.5 */ (function ($) { var attr = 'nullText'; $.fn.placeholder = function (options) { return this.each(function () { var $input = $(this); if (typeof option

解决HTML5 placeholder的方案 来源:   时间:2013-09-05 20:06:49   阅读数:11375 分享到: 0 [导读] 使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现知乎网的解决方法不错,特记录下windows系统中以下浏览器测试通过 使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清

jq实现的方法: jq需要在页面中引入JQ.cookie插件 这是一个超轻量级插件 要实现的效果: 下面是jq代码: $(function(){ var til=$("#orderInfoContent");//获取到input搜索框 var vlue=$.cookie('plhder');//获取cookie值 til.attr('placeholder',vlue);//把获取到的cookie值attr到搜索框中 $("#orderInfoSelectIndex opti