5b310d4ed7da6d55614a0f32df1e624f
3. 表单

初识

输入文字发帖;填写用户名、密码登录… 这些都是表单(Form)。

与常规的页面不同,表单是供用户输入信息的,输入完了要“提交”。
左图是一个表单,填写完,要点“完成”,将输入的内容提交;不想保存这次的修改,点“取消”,不提交并且离开。
右图是常规的页面,页面左上角是“后退”按钮,这里并不存在“输入的信息是否提交”的问题。

程序代码里,表单是这样的:
< form >……< /form >
装在form标签里的,form中文译为:表单。

表单里使用很多“表单原件”:文本输入框、单选按钮、复选框、下拉菜单、开关、滚轮… 通过这些表单原件,让用户输入信息。

概况一下表单(form):

这样一个供用户输入信息用的页,其中包括一系列表单原件,“提交”按钮将输入的信息提交,“取消”按钮,放弃,离开。
 


提交与取消

如果一个表单是被“打开”的,比如:
这个登录窗口,是点了“登录”后弹出的,那就需要有“取消”按钮,这里的取消按钮是弹出窗口右上角的X。
如果表单是在页面里的一部分,比如:
发新微博这个模块,也是个表单,是在这个首页里的一部分,这就不需要“取消”了。

windows系统里,会出现下面这样的情况:
除了“确定”、“取消”,还有一个“应用”按钮,这按钮是什么意思?
确定-提交并关闭;
取消-不提交并关闭;
应用-提交但不关闭。
够神奇吧,我以为多数用户并不知道这个“应用”按钮的确切功能。

为什么要这么个按钮呢?
在这个表单窗口里给“计算机”换个图标,提交,在后面的电脑桌面上会看到真实的效果,如果不满意,可以再改。要方便反复的改,所以提供了这个“提交但不关闭”的功能。
但这个“应用”按钮,实在不应该有,因为没人懂。要避免掉这个问题,解决办法应该是避免掉这样的窗口。这恐怕不是三言两语能说明白的了,需要单独一个主题“模式化”再说了。

top Created with Sketch.