input标签的placeholder属性

原创 2015年07月06日 16:52:51

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

input标签的placeholder属性 配合js 可实现提示信息在输入字段为空时显示,并会在获得焦点时消失。

<input id="rip" name="rip" type="text" class="input-xlarge" placeholder="example:192.168.1.1" onblur="if(this.placeholder==''){this.placeholder='example:192.168.1.1'}" onfocus="if(this.placeholder=='example:192.168.1.1'){this.placeholder=''}"/><pre name="code" class="html">











ie浏览器下placeholder属性显示不出来的两种解决方式

文本框input, type为text,或者password,有一个属性placeholder,在firefox浏览器下当输入的时候,占位符就会消失这个属性非常好用,然而在IE下,就没有这效果,现在提...
  • chenwei7878
  • chenwei7878
  • 2015年06月25日 23:43
  • 5967

HTML 5 <input> placeholder 属性兼容性解决办法

跨浏览器placehoder body{ font:12px/1.5 'simsun';} form{ width:300px; height:260px; ...
  • huangyibin628
  • huangyibin628
  • 2014年07月17日 11:01
  • 3322

表单input标签type属性详解

input标签type属性详解
  • MRname
  • MRname
  • 2016年02月26日 15:38
  • 7376

全兼容input/textarea标签的placeholder属性JS插件

  • 2017年12月15日 10:39
  • 2KB
  • 下载

input的placeholder属性兼容ie8 优化版

  • 2017年07月18日 10:06
  • 1KB
  • 下载

input的placeholder属性兼容ie8

  • 2017年03月17日 09:31
  • 841B
  • 下载

input、textarea标签placeholder兼容IE8浏览器js插件代码

input、textarea标签placeholder兼容IE8浏览器js插件代码 工作记事本
  • CodingNoob
  • CodingNoob
  • 2017年06月15日 00:26
  • 430

Input placeholder属性样式修改(颜色,大小,位置)

原文地址:https://www.cnblogs.com/ooo0/p/6141764.html 1 DOCTYPE html> 2 html> 3 head> 4 me...
  • tanga842428
  • tanga842428
  • 2017年12月11日 11:11
  • 266

input属性placeholder的兼容性问题

点击打开链接 HTML5 Placeholder实现input背景文字提示效果 2 这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在...
  • QTFYING
  • QTFYING
  • 2015年07月04日 15:01
  • 1517

HTML 5 <input> placeholder 属性兼容性解决办法

跨浏览器placehoder body{ font:12px/1.5 'simsun';} form{ width:300px; height:260px; ...
  • huangyibin628
  • huangyibin628
  • 2014年07月17日 11:01
  • 3322
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input标签的placeholder属性
举报原因:
原因补充:

(最多只允许输入30个字)