首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS3笔记如何更好地设计表单验证？

作者：上当受骗的家_908 | 来源：互联网 | 2023-06-04 16:55
为什么80%的码农都做不了架构师？表单验证应当是更可用、更好用、更易用的，符合三层模型：感知（页面显示的布局ÿ

为什么80%的码农都做不了架构师&＃xff1f;>>>   hot3.png

表单验证应当是更可用、更好用、更易用的&＃xff0c;符合三层模型&＃xff1a;感知&＃xff08;页面显示的布局&＃xff09;、对话&＃xff08;内容呈现的问题和回答&＃xff09;、关系&＃xff08;交互的任务结构&＃xff09;


第三层
1、为什么要问这些问题&＃xff1f;
2、在某个关系上&＃xff0c;问这个问题合适吗&＃xff1f;
3、还能从其它途径获得这些信息吗&＃xff1f;
4、是不是让用户做自己能做的工作&＃xff1f;



第二层
5、问题前后的顺序要正确&＃xff0c;填写表单的原因放前面&＃xff0c;要做的事情放后面。
6、考虑问题的回答可能会从哪里来&＃xff1f;
7、根据回答的来源把问题分类。
8、在可能的时候提供答案&＃xff0c;但要让用户能不考虑页面提供的答案。
9、提供适应答案长度的交互区域。



第一层
10、使用标题和颜色来把表单中不同的区域进行分组
11、期待用户以最快的速度对问题做出反应。
12、不要期望用户在大量图文中获取信息。
13、提示要详细&＃xff0c;当要尽可能简短。
14、选用易于阅读的字体和颜色。




转:https://my.oschina.net/tbaby/blog/285632



推荐阅读
author-avatar
上当受骗的家_908
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有