技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 查看专题: 提示
    人非圣贤孰能无过,对于用户来说,出错行为在所难免,因此在忽略犯错动机的前提下(主要是避免部分极端用户的主观试错),需要设计师为产品的可用性提供“退路”或者“其他路线”。换句话说,当用户在操作过程中触发了错误事件,需要有合理的交互反馈来帮助用户排除使用障碍,继续未完成的操作——回归到WEB产品本身,即提供“返回入口”和“文案提示”,确保用户能“转移”到正确的操作流程中去。
    很多网站在填写表单的时候,都可以看到这样一种UI,input[type=text]里面有提示的文字,当鼠标点进去之后提示文字就消失了。本文介绍用HTML 5中input的placeholder特性来实现这个效果,以及兼容方案。
    大家应该经常看到在文本框里提示文字,然后一点就没了。通常做法都是默认给个value,通过js来处理。详细实现都不介绍了,大家都会。现在来看一下一个比较创意的实现。 就是直接用label的内容盖在input上面,然后用js来处理一下。详细实现就不用说了,反正我想尝试纯CSS是没办法实现滴。从结构上来看,还是比较理想的,充分利用了label
[ 共3篇文章 ][ 第1页/共1页 ][ 1 ]
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1