html表单placeholder,在html中placeholder是什么意思

　　原始地址：HTML5的占位符属性

　　演示地址：占位符演示

　　原文：2010年8月9日

　　翻译日期：2013年8月6日

　　该浏览器引入了许多HTML5功能：有些是基于HTML的，有些是JavaScript APIs的形式，但它们都非常有用。我最喜欢的一个特性是为输入元素引入了占位符属性。

　　placeholder属性显示引导文本，直到输入框获得输入焦点，当用户输入内容时，引导内容将自动隐藏。您一定见过数千次用JavaScript实现这种技术，但HTML5的原生支持通常更好。

　　HTML代码如下：复制代码代码如下：

　　 type= text name= address placeholder=请输入您的永久地址.

　　您所要做的就是添加一个占位符域，以及一些指导性的文本内容。不需要额外的JavaScript脚本来实现这种效果。是不是很棒？测试 placeholder 的支持度

　　(注意这篇文章是2010年的。到现在，2013年，主流浏览器应该都支持了。)

　　由于占位符是一个新特性，所以需要测试浏览器的支持。JS代码如下：复制代码代码如下：

　　//在JS中创建一个input元素，并确定该元素是否有一个名为placeholder的属性。

　　//如果浏览器支持，这个属性会存在于js中引用的DOM中。

　　函数hasPlaceholderSupport() {

　　var input=document . createelement( input )；

　　return(输入中的“占位符”)；

　　}

　　如果浏览器不支持占位符特性，那么您需要一个后备策略，比如MooTools、Dojo或其他JavaScript工具。(现在dojo能用的少了，国内更多的是jQuery和ExtJS。)复制代码代码如下：

　　/* jQuery代码，当然记得介绍jQuery的库*/

　　$(function(){

　　如果(！hasPlaceholderSupport()){

　　//获取地址元素

　　var $ address=$( input[name= address ])；

　　placeholder=$ address . attr( placeholder )；

　　//绑定焦点事件

　　$address.bind(focus ，function(){

　　if(placeholder==$ address . val()){

　　$ address . val( )；

　　}

　　});

　　//焦点丢失事件

　　$address.bind(blur ，function(){

　　if(==$address.val()){

　　$address.val(占位符)；

　　}

　　});

　　}

　　});

　　占位符是浏览器的另一个伟大的附加属性来代替js片段。你甚至可以编辑HTML5的占位符样式。

　　所有代码如下：复制代码代码如下：

　　！声明文档类型

　　超文本标记语言

　　头

　　title占位符属性演示/标题

　　meta name= Generator content= edit plus

　　meta name= Author content= renfufei @ QQ . com

　　meta name= Description content= original=http://David Walsh . name/html 5-placeholder

　　script src= http://code . jquery . com/jquery-1 . 7 . 1 . min . js /script

　　脚本