在早期，我们都是通过使用 JavaScript 来实现占位符功能。而现在，HTML5 原生提供的 placeholder 属性让我们在现代浏览器轻松就能实现这样的功能。这里向大家分享一个自适应的占位符效果（Adaptive Placeholder），当你输入的时候，提示文字不会消失，而是以动画的方式移动到了输入框的上方。

　　在早期，我们都是通过使用 JavaScript 来实现占位符功能。而现在，HTML5 原生提供的 placeholder 属性让我们在现代浏览器轻松就能实现这样的功能。这里向大家分享一个自适应的占位符效果（Adaptive Placeholder），当你输入的时候，提示文字不会消失，而是以动画的方式移动到了输入框的上方。

您可能感兴趣的相关文章

太赞了！超炫的页面切换动画效果【附源码下载】

创意无限！一组网页边栏过渡动画【附源码下载】

真是好东西！13种非常动感的页面加载动画效果

你见过吗？9款超炫的复选框（Checkbox）效果

时尚设计！三种奇特网格加载效果【附源码下载】

 

 

源码下载      在线演示

 

本文链接：Adaptive Placeholder – 自适应的占位符效果

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

查看原文