【ie8的input的placeholder不显示的解决bug】的更多相关文章

ie8的input的placeholder不显示的解决bug

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery1.10.2.min.js" type="text/javascript" charset="utf-8"></script> <style typ…

iphone H5 input type="search" 不显示搜索 解决办法

H5 input type="search" 不显示搜索 解决办法 H5 input type="search" 不显示搜索 解决方法 在IOS(ipad iPhone等)系统的浏览器里打开H5页面.如下写法: <input type="search" name="search” id="search"> 以上设备的键盘仍然显示“换行”. 解决方法如下:在input外面嵌套一层form: <form…

H5 input type="search" 不显示搜索 解决方法

在IOS(ipad iPhone等)系统的浏览器里打开H5页面.如下写法: <input type="search" name="search” id="search"> 以上设备的键盘仍然显示“换行”. 解决方法如下:在input外面嵌套一层form: <form action=""> <input type="search" name="search" id=&q…

input 的 placeholder属性在IE8下的兼容处理

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

类似于input输入框placeholder的效果，兼容ie8

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

js解决IE8、9下placeholder的兼容问题

由于placeholder是html5的新属性,在IE8.IE9下是不能显示的,有兼容性问题. 解决思路: 1.判断目前浏览器是否支持placeholder属性 2.若不支持,则将type="text"的input标签的value值设置为placeholder的值,模拟placeholder效果:若是type="password",则添加一个type="password"的input元素模拟. 代码: <div> <input…

兼容IE8的input输入框的正确使用姿势

input是一个很常见的标签,大家使用的也很常见,但是我在具体的工作中发现要想完美的使用这个标签还是任重而道远,下面是我碰到的几个问题. 1.我们在使用这个标签的时候会习惯的加上placeholder这个属性,起到一个提示的作用,但是当我们的光标移入的时候提示的文字并没有消失,这样就不是我们想要的结果了,这时就需要在input的属性里面再加上两个属性: onfocus="this.placeholder='' " onblur="this.placeholder='需要输入的…

H5新特性 input type=date 在手机上默认提示显示无效解决办法

目前PC端对input 的date类型支持不好,我试下来的结果是只有chrome支持.firefox.IE11 都不支持.而且PC端有很多日历控件可供使用.就不去多考虑这点了. 那么在移动端的话,ios和安卓都是支持的,但是当type类型是date的时候placeholder属性又会失效.PC端的chrome默认显示是“年/月/日”,但在移动端就是一片空白了. 移动端自带的日期控件确实是个好东西.让用户填写的时候体验很好,很方便.对前端来说可以省去验证日期格式这一步.这么好的东西怎么能舍弃呢.…

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

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

IE8 不支持html5 placeholder的解决方案

IE8不支持html5 placeholder的解决方法. /** * jQuery EnPlaceholder plug * version 1.0 2014.07.01戈志刚 * by Frans.Lee <dmon@foxmail.com> http://www.ifrans.cn */ (function ($) { $.fn.extend({ "iePlaceholder":function (options) { options = $.extend({ pla…