【placeholder的兼容处理方法】的更多相关文章

placeholder的兼容处理方法

placeholder是html5新增的一个属性,极大的减轻了表单提示功能的实现,但是对于IE6-IE9真的是只能靠自己写啦! 但是在自己写时会掉进了一个坑里,还好用了一会时间还是爬出来啦. 最终的解决方法方法如下: <form name="doluform" id="loginform"> <div class="inputdivin"> <input type="text" placehold…

placeholder不兼容 IE10 以下版本的解决方法

对于密码输入框placeholder的兼容问题:HTML代码:<input type="password" id="loginPassword" placeholder="密码(6-16位字母数字)" class="width270"><input type="text" passwordMask="true" placeholder="密码(6-16位字母数…

IE6-7下margin-bottom不兼容解决方法（非原创，视频中看到的）

在IE低版本下有很多不兼容,现在将看到的   IE6-7下margin-bottom不兼容解决方法   演示一下,方便日后自己查阅. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="d…

兼容ie浏览器的placeholder的几种方法

项目中遇到的问题,试了几种方法,今天整理出来,如果有不合适的地方,希望大家多多提意见. 第一种方法是:使用html新增的属性 “data-”来实现的,实现的时候,input框没有使用placeholer这个属性,但是却可以实现一样的效果并且兼容各大浏览器. <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript&q…

（转）html5 Placeholder属性兼容IE6、7方法

使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现zhihu的解决方法不错,特记录下 windows系统中以下浏览器测试通过:Google Chrome 18,Firefox 12,IE 9,IE 6,Opera 11.5.在android 4.0系统也测试了下,原生浏览器及Opera Mobile12基本通过,缺陷是获得焦点时会清空Placeholder提示. jquery.placeho…

ie9 placeholder兼容代码方法

function guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }); } function placeholderIe() { function isPlaceholder() { var…

placeholder解决兼容各种IE浏览器的方法

<input id="search" type="text" class="box" class="inputText" value="请输入关键词" onfocus="if (value =='快来找你感兴趣的文章'){value =''}" onblur="if (value ==''){value='快来找你感兴趣的文章'}"> 用JS判断value…

placeholder的兼容处理(jQuery下)

这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个. 1.只有输入框(input/textarea)下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊,因为为其设置显示文本时显示的是一串“***”.这个问题后面分析.处理好前两点还是比较简单的,处理源码为如下 var browserSupport = { placeholder: 'placeholder' in document.createElement('i…

placeholder属性兼容ie8

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>登陆框的制作</title> <script src="jquery-1.11.3.js"></script> <script src="jquery.cookie.js"></script> <sc…

html5 placeholder属性兼容ie11

placeholder 属性是html5的属性,用于提供描述输入字段预期值的提示信息(hint). 简单例子: <!DOCTYPE HTML> <html> <body> <form action="/test.do" method="get"> <input type="search" name="user_search" placeholder="请在此输入你…