html5中placeholder的使用

简介:

定义和用法

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

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

看代码

1
2
3
4
5
6
7
8
9
<!DOCTYPE HTML>
< html >
< body >
< form  action = "#"  method = "get" >
< input  type = "search"  name = "user_search"  placeholder = "输入内容后我会消失"  />
< input  type = "submit"  />
</ form >
</ body >
</ html >

效果图

082333729.png

输入字体后效果图

082410938.png

当然了,在使用的时候需要引入html5.js这个文件


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/1320253,如需转载请自行联系原作者

相关文章
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
|
Web App开发 移动开发 JavaScript
|
Web App开发 移动开发 JavaScript
IE8 不支持html5 placeholder的解决方案
  IE8不支持html5 placeholder的解决方法。 /** * jQuery EnPlaceholder plug * version 1.0 2014.
1162 0
|
移动开发 JavaScript HTML5
HTML5 placeholder(空白提示) 属性
原文地址:HTML5′s placeholder Attribute  演示地址: placeholder演示  原文日期: 2010年08月09日 翻译日期: 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的,有些是JavaScript APIs形式的,但都很有用。
1026 0
|
移动开发 JavaScript HTML5
HTML5实践 -- 实现跨浏览器HTML5文字占位符 - placeholder
  转载请注明原创地址:http://www.cnblogs.com/softlover/archive/2012/11/20/2779878.html      html5为web的form表单增强了一个功能,他就是input的占位符--placeholder。
1008 0
|
6月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
6月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
6月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成

热门文章

最新文章