我们在编写网页的时候不可避免的会遇到输入框,那么怎么设计输入框才能更加优雅呢?不同的人会有不同的答案,下面分享一个比较不错的设计。
效果图
初始化效果
输入框获取鼠标焦点
密码框属性动态变化,实现密码特效
细节
这个效果主要是通过JQuery来实现,我的思路如下:
输入框获取鼠标焦点之前,显示原标签的
value
属性值;获取了鼠标焦点之后,如果当前value
有值,那就清空,否则恢复;密码框特殊照顾,待会讲。
实现的代码如下:
$("#address").focus(function