placeholder 属性是html5的属性，用于提供描述输入字段预期值的提示信息（hint）。

简单例子：

<!DOCTYPE HTML>

<html>

<body>

<form action="/test.do" method="get">

<input type="search" name="user_search" placeholder="请在此输入你的审批意见" />

<input type="submit" />

</form>

</body>

</html>

这个标签属性主要用于提示，未填写之前是会显示的，鼠标触发的时候，是会隐藏的

注意：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 和password

好的，上面就是placeholder的简单用法简介，然后介绍一下placeholder的兼容性，placeholder在Chrome浏览器是正常的，不过在ie兼容性就很不好。

我是在ie11测试的，发现placeholder，鼠标点击时候是不会隐藏的，还是显示文字。

<textarea name="handleInfo.apprIdea" id="msg" class="form-control"

                  placeholder="请在此输入您的审批意见" height="126px;" style="overflow-y: auto;" value="${handleInfo.apprIdea}">${handleInfo.apprIdea}</textarea>

然后网上很多教程都是重写样式，用onchange等等函数替换，不过我觉得太麻烦，然后调试过程发现写在$(function(){…});初始化函数的时候，加个attr属性，竟然是可以兼容的，具体做法：

$(function(){

$("#msg").attr("placeholder","请在此输入您的审批意见");

});

注意，这个方法只在ie11测试过，ie8等等没测试过，所以本博客不予记录

html5 placeholder属性兼容ie11的更多相关文章

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

    使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现zhihu的解决方法不错,特记录下 wind ...

  2. HTML5表单提示placeholder属性兼容IE

    placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <inpu ...

  3. jquery 小插件，完成“输入字段预期值的提示信息”，防html5 placeholder属性

    前言:在很多时候,我们需要文本框中显示默认值,获取焦点时,文字框中就会清空给的值,当失去焦点时,如果没有值,继续显示默认的文字,如果有输入值,就显示输入的值.现在项目中需要用到这个地方的功能比较多,于 ...

  4. placeholder属性兼容ie8

    <!doctype html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. placeholder属性兼容js支持

    $(function(){ //判断浏览器是否支持placeholder属性 supportPlaceholder='placeholder'in document.createElement('in ...

  6. HTML5 placeholder(空白提示) 属性

    原文地址:HTML5′s placeholder Attribute 演示地址: placeholder演示 原文日期: 2010年08月09日 翻译日期: 2013年8月6日 浏览器引入了许多的HT ...

  7. 【工作笔记五】html5的placeholder属性（IE如何兼容placeholder属性）

    placeholder属性,IE对其的支持表示无奈,firefox.google chrome表示毫无压力. HTML5对Web Form做了许多增强,比如input新增的type类型.Form Va ...

  8. [干货]兼容HTML5的Placeholder属性－更新版v0.10102013

    HTML5对Web Form做了许多增强,比如input新增的type类型.Form Validation等.Placeholder是HTML5新增的另一个属性,当input或者textarea设置了 ...

  9. Html5的placeholder属性(IE兼容)

    HTML5对Web Form做了很多增强,比方input新增的type类型.Form Validation等. Placeholder是HTML5新增的还有一个属性,当input或者textarea设 ...

随机推荐

  1. 从壹开始[ 做贡献 ]之三 || 北京.Net俱乐部活动——DNT精英论坛开幕

    缘起 哈喽大家好!好久不见,可能有一部分小伙伴发现我好久没有写文章了,是不是懒惰了,并没有,这两周也是正式开始了<NetCore系列教程的视频录制>,不过还不多,预计会是每周一个视频,基本 ...

  2. 抓包自定义过滤器需加%XXXX%，如%third_play%

    抓包自定义过滤器需加%XXXX%,如%third_play%

  3. 洛谷：P2952 [USACO09OPEN]牛线Cow Line:题解

    题目链接:https://www.luogu.org/problemnew/show/P2952 分析: 这道题非常适合练习deque双端队列,~~既然是是练习的板子题了,建议大家还是练练deque, ...

  4. Baozi Leetcode solution 1036: Escape a Large Maze

    Problem Statement In a 1 million by 1 million grid, the coordinates of each grid square are (x, y) w ...

  5. 《VR入门系列教程》之7---DK2和Crescent Bay

    The DK2     于2014年春,Oculus发布了第二代开发版头显设备,代号为DK2.与DK1相比,Oculus Rift DK2的外观有很大改进,并且轻了许多,体积仍然比较大,可以罩住大部分 ...

  6. 如何在Windows上使用Python进行开发

    本文由葡萄城技术团队于原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 一直以来C#都是微软在编程语言方面最为显著的Tag,但时至今日Python ...

  7. UTF—8与UTF—8（无bom）格式

    BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF.而FFFE在U ...

  8. [转]PHP的类自动加载机制，spl_autoload_register使用介绍

    转自 http://blog.csdn.net/hguisu/article/details/7463333: 在PHP开发过程中,如果希望从外部引入一个class,通常会使用include和requ ...

  9. 初探Oracle全栈虚拟机---GraalVM

    官方说明: GraalVM是一个生态系统和共享运行时,不仅提供基于JVM的语言(如Java,Scala,Groovy和Kotlin)的性能优势,还提供其他编程语言(如JavaScript,Ruby,P ...

  10. IntelliJ IDEA 2019.2最新解读：性能更好，体验更优，细节处理更完美！

    idea 2019.2 准备 idea 2019.2正式版是在2019年7月24号发布的,本篇文章,我将根据官方博客以及自己的理解来进行说明,总体就是:性能更好,体验更优,细节处理更完美! 支持jdk ...