HTML5的placeHolder简介
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
如下图形式
代码块
<div class="row">
<div class="control-group">
<label class="control-label" style="width: 90px;">
<s>*</s>
防火墙:
</label>
<div class="controls">
<input type="text" id="iptbs" name="iptbs"
placeholder="多个IP请用英文“,”分隔,同时支持CIDR IP格式" class="control-text"
data-rules="{required:true}" style="width: 300px;" />
</div>
</div>
</div>
临时解决办法
为了达到效果,可以使用中文双引号代替英文双引号,来解决此问题。
更专业的解决办法,这种办法我未使用:placeHolder broken when value contains double quote
相关推荐
jquery 代码解决placeholder不换行,不居中问题
解决IE下不支持placeholder属性
javascript版placeholder解决一些浏览器不支持placeholder属性的问题
史上最完美无缺的placeholder模拟器。物超所值!!! 支持双password、动态绑定。
这里面是一个支持IE9以及IE9一下的兼容支持placeholder的javascript案例。本示例是争对textarea写的,修改后可以争对input。另外textarea只需要添加一个name="textarea" 即可实现。需要实现input支持的,需要修改三...
但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息。 语法基本是这个样子:<input...
ie6 7 8兼容html5属性placeholder
在不支持的浏览器时可以使用jquery的placeholder插件实现。 使用方法: $.Placeholder.init(); // default setting $.Placeholder.init({ color : 'rgb(255, 255, 0)' }); // custom placeholder text color 更多使用...
现在流行html5了都,所有的浏览器都支持placeholder,唯独IE不支持,那么这插件将完美解决IE浏览器不兼容input标签的placeholder属性.
placeHolder是html5加入的新属性,此代码基于jQuery实现placeholder属性功能。
仿HTML5 placeholder 效果
简洁的placeholder插件,支持ie9、ie8及以下版本。完美解决ie9中onpropertychange问题。使用简单,引入placeholder.js即可让您的ie完美支持placeholder
基于jQuery的placeholder组件,支持IE8及以下
jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。
html5 input placeholder文本占位符动画插件
placeholder 属性是 HTML5 中的新属性,俗名叫“占位符”,功能类似于输入框在得到焦点时,时面的默认值会变成空白,当失去焦点时又会显示默认的文本,我想大家一定使用 js/jquery制作过这样的效果。目前只有在...
ie9浏览器上不支持placeholder属性,所以必须借助插件来实现placeholder,而jquery.placeholder.js则可以实现