input placeholder

最近写接触到 input 中这个属性placeholder ,需要设置placeholder 中值得样式,直接在该标签中添加style,就可以控制,控制位置,颜色,字体大小。

查查资料,一些总结的特别的全面,贴这里,学习了。

http://www.jb51.net/html5/171764.html
http://www.oschina.net/question/5189_22929
时间: 2024-10-06 14:45:10

input placeholder的相关文章

input placeholder属性IE、360浏览器兼容性问题

效果:http://hovertree.com/texiao/jquery/43/ 效果二:http://hovertree.com/texiao/jquery/43/1/ 请在IE中体验. 1.创建JS文件:jquery.JPlaceholder.js js代码如下: /* * jQuery placeholder, fix for IE6,7,8,9 * hovertree.com */ var JPlaceHolder = { //检测 _check : function(){ retur

使用CSS修改HTML5 input placeholder颜色

问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修

HTML 5 &lt;input&gt; placeholder 属性

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

用css修改HTML5 input placeholder颜色

使用CSS修改HTML5 input placeholder颜色 本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文将为读者讲解HTML5 Input Placeholder Color的个性化设定,需要针对不同浏览器内核来编程. 问题: David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeh

完美让IE兼容input placeholder属性的jquery实现

调用时直接引用jquery与下面的js就行了,相对网上的大多数例子来说,这个是比较完美的方案. /* * 球到西山沟 * http://www.cnzj5u.com * 2014/11/26 12:12 */ (function ($) { //判断是否支持placeholder function isPlaceholer() { var input = document.createElement("input"); return "placeholder" in

input placeholder兼容ie10以下

代码如下: if( /msie/.test(navigator.userAgent.toLowerCase()) && $.browser.version.slice(0,3) < 10) { $('input[placeholder]').each(function(){ var input = $(this); $(input).val(input.attr('placeholder')); $(input).focus(function(){ if (input.val() =

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

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

让 IE 8 及以下浏览器支持 表单 input [placeholder] 属性

在我们的日常开发中,时常会遇到要求兼容 ie低版本 的项目,其中表单多的项目,其中 用到 placeholder 属性几乎是必不可少的. placeholder是一个很实用的Html 5属性.但是该属性在低版本的IE下是无效的. 于是在网上找了很多方法,就以下方法,比较简单方便. 首先新建一个js文件,把下方代码,放到一个JS文件里面,页面直接引入即可. //解决ie下 input 的placeholder不显示问题 var JPlaceHolder = { //检测 _check: funct

修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中该属性不被识别 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozi