input date 支持placeholder属性

【input date 支持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…

简单方法让input date支持placeholder(包含ios手机端方法)

<input class="baixin-quan-info-box-time" type="text" onfocus="(this.type='date')" placeholder='起始时间' v-model="tnianxian1"> 先使其 type 为 text,此时支持 placeholder,当触摸或者聚焦的时候,使用 JS 切换使其触发 datepicker 功能.以上方法在ios系统会出现重复…

认识input输入框的placeholder属性

我们来认识下input输入框的placeholder属性. placeholder 属性提供可描述输入字段预期值的提示信息.(placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password) 该提示会在输入字段为空时显示,并会在字段获得焦点时消失(IE10+获取焦点消失,Chrome,FF等在输入有值时消失). IE10+,Chrome,Firefox,Safari支持placeholder属性(I…

让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.…

基于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…

input date 对 placeholder 的支持问题

正常情况下,text 的 input 会显示 placeholder 中的值,date 类型的 input 对其支持不好.实例代码如下: <input type="text" id="valid-date-search" placeholder="姓名..." > <input type="text" id="valid-date-search" placeholder="手机号…

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

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

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

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

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

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

HTML5 input控件 placeholder属性

placeholder 属性提供可描述输入字段预期值的提示信息(hint),该提示会在输入字段为空时显示,并会在字段获得焦点时消失. <input placeholder="请输入姓名"> 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password.…

让IE支持placeholder属性~

原文:https://www.oschina.net/code/snippet_206691_26471#44160 让支持的直接路过,不支持的,完美显示~~ /* * jQuery placeholder, fix for IE6,7,8,9 * @author JENA * @since 20131115.1504 * @website ishere.cn */ var JPlaceHolder = { //检测 _check : function(){ …

用in判断input中的placeholder属性是否在这个对象里

<input id="test"> var ele = document.getElementById("test"); if("placeholder" in ele){ alert("支持");//是否支持ie浏览器 }else{ alert("bu支持"); }…

移动端input中的placeholder属性垂直

今天做项目时发现,在手机端用placeholder时,Android手机可以垂直显示:ISO则不能使placeholder垂直;解决办法: .gcddfadf-con-pay-1 input::-webkit-input-placeholder{ font-size:0.3rem; line-height: 1.0rem;}.gcddfadf-con-pay-1 input:-ms-input-placeholder{ font-size:0.3rem; line-height: 1.0rem;…

IE9以下不支持placeholder属性

jquery.placeholder.min.js 这个js可以去这个网站搜索https://www.bootcdn.cn/jquery-placeholder/ 使用这个jquery.placeholder.min.js,注意下面这段JS必须加上,否则不能生效!!! 使用这个jquery.placeholder.min.js,不要使用placeholder.js 因为第二个在type=password下面会变成星号**** -----------------------------------…

i8浏览器不支持placeholder属性解决办法，以及解决后，文字不居中问题

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入企业名称.统一社会信用代码或注册号" onfocus='if(this.…

让div支持placeholder属性/模拟输入框的placeholder属性

实现方式:css div:empty:before{ content: attr(placeholder); color:#bbb;}div:focus:before{ content:none; }…

修改input中的placeholder属性的颜色

input::-webkit-input-placeholder{ color:#e8e8e8; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#e8e8e8; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#e8e8e8; } input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ c…

基于jQuery的让非HTML5浏览器支持placeholder属性的代码（转）

效果图:http://code.google.com/p/jquery-placeholder-js/ 演示代码:http://demo.jb51.net/js/2011/jqueryplaceholder/打包下载:http://xiazai.jb51.net/201105/yuanma/jqueryplaceholder.rar…

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 =='点击文字…

（二）给IE6-IE9中的input添加HTML5新属性-placeholder

同样是最近遇到的一个小问题.因为IE9以下input是不支持placeholder属性的.在网上找到了解决方案,果断带走.正如鲁迅先生所说的‘拿来主义’:运用脑髓,放出眼光,自己来拿!感谢.借花献佛在这里记录分享下. 用法很简单,在代码中引入placeholder.js,并加入后面的一段代码就行了. <script src="jquery-1.11.3.js"></script> <!--IE8-IE6支持html5 placeholder新属性引入脚本…

解决input标签placeholder属性浏览器兼容性问题的一种方法

为文本框input添加文字输入提示,H5为input提供了一个placeholder属性.在支持H5的浏览器中,用此属性设置输入提示,简单方便,但是对于IE8以下版本,都不支持placeholder属性,此时必须通过另外的方式来实现输入提示. 其实,我们可以利用label标签来模拟placeholder属性.先看例子,后解释: <!DOCTYPE html> <html> <head> <script type="text/javascript"…

前端 html input标签 placeholder属性标签上显示内容

前端 html input标签的placeholder属性标签上显示内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 600px;margin: auto&q…

关于input标签和placeholder在IE8，9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I…

当浏览器不支持placeholder，所执行的函数

$(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…

HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE) 适用范围:placeholder 属性适用于下面的…

转： HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中, 会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE)适用范围:placeholder 属性适用于下面的…

如何更改placeholder属性中文字颜色

如何更改placeholder属性中文字颜色 placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE) 适用范围:placeholder 属性适用于下面的 input 类型:text.search.url.tel.email 和 password. 因为是HTML5中新增的属性,所以会存在兼容性问题.下面说说浏览器的支…

让IE下支持Html5的placeholder属性

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

改进《完美让IE兼容input placeholder属性的jquery实现》的不完美

<完美让IE兼容input placeholder属性的jquery实现>中的代码在IE9以下浏览器中会出错,原因是因为ie9以下的浏览器对input的标签的解释不同. 例如对以下文本框的解释: <input id="itxt" class="itext" type="text" title="这是一个文本框" value="点我输入内容" tabindex="1" m…