【placeholder 属性的支持】的更多相关文章

placeholder 属性的支持

placeholder 是HTML5的. 在IE6-8中不能使用.可以使用  JQ 来设置. 给input一个value, JQ判断得到焦点时  value="": 移开焦点时,若input为空,那么再加上"请输入即可" 具体例子如下: $(document).ready(function() { $("input").focusin(function() { if($(this).val() =="请输入"){ $(this…

让ie8支持 placeholder 属性

一.  ie8支持 placeholder 属性 /* * ie8支持 placeholder 属性 */ $(function(){ if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'); if(that.…

在IE8等不支持placeholder属性的浏览器中模拟placeholder效果

placeholder是一个很有用的属性,可以提示用户在input框中输入正确的内容,但是IE8以及IE8一下的浏览器不支持该属性,我们可以使用js来模拟相似的效果.下面直接上代码: <!doctype html> <html> <header> <meta charset="utf-8"> <title>placeholder</title> <style type="text/css"…

让IE下支持Html5的placeholder属性

HTML5对Web Form做了许多增强,比如input新增的type类型.Form Validation等. Placeholder 是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文 字消失.以前要实现这效果都是用JavaScript来控制才能实现 , firefox.google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: <input id="t1" type…

placeholder属性兼容js支持

$(function(){ //判断浏览器是否支持placeholder属性 supportPlaceholder='placeholder'in document.createElement('input'), placeholder=function(input){ var text = input.attr('placeholder'), defaultValue = input.defaultValue; if(!defaultValue){ input.val(text).addCla…

[原创]Web前端开发——让ie 7 8支持表单的placeholder属性

今天在写页面的时候,测试低版本浏览器时,发现input写的placeholder显示的是空白,所以特意写了一个普遍试用的方法来让低版本浏览器支持这个属性. 博主建了一个技术共享qq群:,因为目前人数还比较少,活跃度还不是很高,希望有和我一样想法的,有志于技术共享的技术宅,富有逗比精神的程序猿能一起加入,一起探讨和分享,一起创造更大的进步.当然,妹纸程序猿更受欢迎哟.^_^ 一般情况下,我们解决这个问题呢会使用下面这种方法. <input onfocus="if (value =='点击文字…

让ie支持placeholder属性，一段js搞定

placeholder属性真的是超级好用的新属性,可惜,只有新版浏览器才支持,为了写出输入框贴心提示,老方法就是加span标签覆盖,营造出placeholder提示的感觉,现在安利一款好用的js,好用到死,再也不怕input框温馨提示用placeholder属性不兼容啦~~     亲测在ie有用的!   话不多说,代码贴上来!!! 只要加入一段js就搞定!! 就是上面代码,可是新浪显示不出来!!!为了方便大家复制粘贴,放在我的百度云了,下载复制就好了~百度云地址:placeholder源代码 …

input date 支持placeholder属性

第一种解决方法:IE,火狐浏览器,不支持input date的日历功能,火狐支持日历功能   ie,火狐,谷歌显示placeholder属性 css代码 #dateofday:before{  color:#808080;  content:attr(placeholder);  -webkit-appearance:textarea} html代码 <input type="date" runat="server" placeholder="Bir…

基于jquery 的插件,让IE支持placeholder属性

开发一个项目的时候为了美观和用户体验用到了input标签的placeholder属性,但是这个属性是html5中的,所以低版本的IE浏览器不支持.于是在百度找了一些解决方法,找了好几个都不是那么完美,最后决定将其中的一个拿来完善一下. 完善后的代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44…

有关ie9 以下不支持placeholder属性以及获得焦点placeholder的移除

(一)placeholder 属性起到提示客户输入信息作用 (二)ie9以下出问题了 placeholder不支持 (三)解决办法 先贴html 加上jquery代码就可以了 关于表单获取焦点,chrom,360,firefork不会清除提示文字的解决办法 html代码: <input type="text" placeholder="用户名@公司端口号"> 加入以下代码: <input type="text" placehol…