网页设计表格设计 第1篇
表头筛选是一种列表内置筛选形式,类似Excel表格的操作。表头筛选和筛选区的筛选相比,只能筛选一列数据,能节约一定的空间。
虽然表头筛选能在一定程度上节约空间,但对于复杂业务的产品来说,不推荐使用,原因如下:数据信息列多,高频筛选功能可能会被遮盖,表头复杂影响用户表格阅读。
网页设计表格设计 第2篇
除了分页的使用还可以进行无限滚动的交互,例如下图的查看更多按钮,这个功能不太适合数据量较大的表格,在具体业务中一定要慎用。
五、表格应用场景 1. 基础表格
基础表格是根基,是由行与列的单元格组成。在使用层面上能满足用户多维度查看数据的需求。因为大家都很熟知,在这一章节并不是主角,我们就不做过多赘述。
从上往下堆叠,数据过滤模块在最上方,过滤数据后,用户再由总体到具体的的浏览逻辑理解和分析。
网页设计表格设计 第3篇
表单(form)
提供一个让用户进行交互的窗口(输入框,选择框,提交按钮,登入框)
form属性:
action=数据提交的位置(后台/数据库)
method=数据提交的方式(get/post)默认为get
form的功能控件(工具箱)
input--输入框
textarea--多行输入框 共有属性:placeholder:提醒要输入的内容
select:下拉菜单
option:下拉菜单里的选项
bottom:按钮,一般是结合js来操作
input的类型
text--文本框
password--密码框
checkbox--多选框
radio--单选框.基于name判断是否为同一事件
submit--提交
file--文件
reset--重置
注意:
如果表单项中出现文件上传项那么需要两件事
1.表单的传输方式必须为post方式
2.更改传输编码格式 在form标签中enctype=_multipart/form-data_
2. 文本格式
3.密码格式
4. 单选框
如
5. 多选框
注意在设置成多选框时name后面一定要有[].这样后端才能拿到数据