网页表单中的占位符和提示标签如何使用较合理

 2020-10-09 09:09:21  900 浏览  0 评论   赞

在填写表单的时候,提示标签有两种做法,直接显示在输入框中,或者显示在输入框外侧,两者有好有坏,一个兼得的方法:输入时标签动态显示,完成后消失

网页表单中的占位符和提示标签如何使用较合理

图902-1:输入框内的占位符

页面设计到了表单设置时,通常会使用文本占位符,以此作为引导,让用户轻松就可以得知填写的格式、内容。在用户进行点击输入的时候,占位符就会消失。但是,有些页面设计想要降低表单的长度,会将标签直接作为占位符置于输入框内。当然,对于一般的页面设计来说,这样的设置影响不大。但是,当表单自身的信息量大以及内容类型多变的情况时,这样的设置方法就会出现以下的问题

网页表单中的占位符和提示标签如何使用较合理

图902-2:提示标签在输入框外

1、在用户点击输入标签消失后,用户会很快忘记所需要输入的格式要求与内容要求;

2、当标签在输入框内较长的时候,用户会误以为输入框无需填写了。

不妨考虑,让标签占位符在用户进行输入时,直接浮动出在输入框上方。

网页表单中的占位符和提示标签如何使用较合理

图902-3:动态显示提示信息

 

转载请注明:网创网 www.netcyw.cn/b902.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com