`
zhangyaochun
  • 浏览: 2609573 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html5之placeholder属性

阅读更多

我想大家应该多写过这个placeholder的js的插件,但是今天介绍的是html5的input的一个新的属性。

------主要也是发现自己博客的html5相关的文章过少,不!应该是基本没有,但是其实还是看了很多的,所以决定写一些吧。

------简单记录,个人学习。

 

 

HTML 5 <input> placeholder 属性

 

-------------placeholder属性提供可描述输入字段预期值的提示信息

 

 

  • 该提示会在输入字段为空的时候显示,并会在字段获得焦点时候消失
  • placeholder属性适用于一下的<input>类型:text、search、url、telephone、email以及password。
 
浏览器支持


 
 
 
 
    
 
 
 
扩展阅读
  • 大小: 88.1 KB
分享到:
评论

相关推荐

    jquery模拟HTML5的PLACEHOLDER属性的插件

    Placeholder是HTML5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。如: &lt;input name="username" type="text" placeholder=...

    ie6 7 8兼容html5属性placeholder

    HTML5的`placeholder`属性是现代网页开发中的一个重要特性,它允许在输入框(`&lt;input&gt;`)或文本区域(`&lt;textarea&gt;`)内提供一个提示文本,该文本会在用户聚焦元素时消失。这个功能在IE6、7、8等较老版本的Internet ...

    解决IE下不支持placeholder属性

    在互联网技术日新月异的今天,HTML5引入了许多新的特性,其中之一便是`placeholder`属性。这个属性在现代浏览器中广泛被使用,为输入框提供了提示文本,但在早期版本的Internet Explorer (IE)中并不支持。`...

    jQuery实现的一个自定义Placeholder属性插件

    这篇文章详细介绍了如何利用jQuery实现一个自定义的Placeholder属性插件,解决了老旧浏览器不支持HTML5 Placeholder属性的问题。同时,它还展示了如何通过工具方法的使用、事件处理、以及渐进增强的思路来开发一个...

    javascript版placeholder解决一些浏览器不支持placeholder属性的问题

    标题"javascript版placeholder解决一些浏览器不支持placeholder属性的问题"指的就是通过JavaScript来模拟`placeholder`的效果,确保在不支持此属性的浏览器中也能正常使用。下面我们将深入探讨如何使用JavaScript...

    解决IE8之前浏览器不支持placeholder属性的问题

    placeHolder是html5加入的新属性,此代码基于jQuery实现placeholder属性功能。

    diy.placeholder input默认值placeholder属性

    针对input的默认值,html5有新加的placeholder属性, 但是该属性浏览器兼容性较差, 所以就自定义了diyplaceholder属性, 作为jquery插件,满足浏览器兼容.

    input的placeholder属性兼容ie8 优化版

    `placeholder` 属性的原生支持始于 HTML5,因此,对于那些不支持 HTML5 的浏览器,如 IE8 和 IE9,我们需要通过 JavaScript 或 jQuery 插件来模拟这一功能。在描述中提到的方法是通过创建一个 `&lt;span&gt;` 元素来显示...

    placeholder属性支持所有IE浏览器的插件

    针对这个问题,"placeholder属性支持所有IE浏览器的插件"应运而生。 这个插件是由智学无忧的老曹亲自编写的,目的是解决IE浏览器对`placeholder`属性的不支持问题。通过巧妙地运用代码封装和闭门技术,该插件能够使...

    HTML5 Placeholder实现input背景文字提示效果

    但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息。 语法基本是这个样子:&lt;input...

    ie8兼容html5 css3圆角阴影渐变placeholder等属性

    标题中的“ie8兼容html5 css3圆角阴影渐变placeholder等属性”指的是在IE8浏览器上实现HTML5和CSS3的一些新特性,包括圆角、阴影、渐变以及placeholder属性的支持。这些特性在现代浏览器中是标准支持的,但在较旧的...

    带提示的input输入框类似html5的 placeholder

    HTML5引入了一项新特性,即`placeholder`属性,它为`&lt;input&gt;`元素提供了提示文本,帮助用户了解应输入什么样的信息。本文将深入探讨这个特性,并结合一个简单的登录页面实例来说明其应用。 `placeholder`属性在...

    HTML5 placeholder属性详解

    其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性。placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分...

    仿HTML5 placeholder 效果.rar

    HTML5的`placeholder`属性是Web开发中一个非常实用的功能,它允许我们在输入框`&lt;input&gt;`或文本区域`&lt;textarea&gt;`中设置提示文本,这些文本会在用户未输入任何内容时显示,一但用户开始输入,提示文本就会自动消失。...

    让IE下支持Html5的placeholder属性的插件

    HTML5的placeholder属性是Web表单的一个重要增强,它允许开发者为输入字段提供预填充的提示文本。这个提示文本在用户未输入任何内容时显示,一旦用户聚焦输入框,提示文本就会消失。这对于提高用户体验非常有帮助,...

    HTML5里的placeholder属性使用实例和美化显示效果的方法

    placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分是用JavaScript里实现的,而现在,HTML5提供了原生支持,而且效果...

    应用HTML5表单属性实现多文件上传

    HTML5 的出现带来了许多新的特性和属性,其中一些表单属性特别有用,例如 multiple、required、autocomplete、placeholder 和 autofocus 等。下面我们将详细介绍这些属性的用法和实现。 1. Multiple 属性 ...

    IE兼容placeholder js

    描述中提到的“完美兼容H5 placeholder属性在IE9及以下版本的问题”,意味着这个解决方案能够有效地在不支持`placeholder`属性的IE浏览器上模拟出相同的效果。"自测可用,修改点少"表示这个解决方案经过了实际测试,...

Global site tag (gtag.js) - Google Analytics