首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Human Interface Guidelines — Data Entry

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...·只有在收集所需的值后才能开启下个步骤 在启用“下一个”或“继续”按钮之前,请确保所有必填字段都有值。使用该按钮的是否启用作为视觉提示告知用户可以继续下个步骤了。...·动态校验字段值 填写冗长的表格后,如果你不得不返回并纠正错误,那会很沮丧。只要有可能,请在输入后立即检查字段值,以便用户可以立即更正它们。...·仅在必要时才需要字段值 仅对必需的信息使用必填字段才能继续。 ·通过 value lists 简化导航 在 tables 和 pickers 中,选择一个值要是容易的。...·在文本字段中显示提示以帮助交流目的 当文本字段中没有其他文本时,文本字段可以包含占位符文本(如“电子邮件”或“密码”)。占位符文本能表达好意思时,请勿使用单独的标签来描述文本字段。

66530
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【好文重发】Excel催化剂功能第98波-零代码零距离轻松接触并拥有金融大数据

    必填参数为api_name,填写的内容为官网上的接口名称如上图的股票列表数据,填写stock_basic。...输入参数部分,对应的是参数2、参数3、参数4等位置填写,可参照接口要求,选择所需要参数,若参数类型为非必填(必填列的描述为N),可以不填。...官网文档中的输出参数部分和实际的不符,即文档上有的输出参数,实际上填写了却提示没有此字段,经大略翻阅,一般情况下省略输出参数亦可返回足够需求的常用字段,若有部分输出参数在省略情况下不返回,请自行测试是否接口有此参数返回...停留在当前的配置工作表上,保持此工作表处于激活状态,点击【Tushare平台数据调用】按钮后,数据采集完成后,将返回熟悉的窗体界面,提示数据导出至哪个工作表或另存为csv,具体操作可参考过往教程介绍。...数据输出确认窗体 如下图所示,股票数据将返回至工作表中,同时多出一列【参与参数】列,描述此行数据由哪些参数传入后返回的结果。 ? 数据返回至Excel工作表效果 ?

    56730

    Django 实现网站注册用户邮箱验证功能

    我们在很多网站上都可以看到用户注册使用电子邮件激活或启用的方式。...也就是说,用户在注册后填写正确的电子邮件地址,接着网站会发送一封启用电子邮件到用户设置的电子邮件的邮箱中,并在邮件中提供一个激活或启用的链接,在用户单击此链接后,账号正式激活或启用。   ...将 registration 添加到 Django 项目设置 settings.py 中的 INSTALLED_APPS 中去,然后在 settings.py 中设置一个常数,用来指定启用码的天数。...registration_form.html : 显示注册窗体的网页,默认使用 form 变量作为窗体各字段的内容 registration_complete.html : 填写完注册窗体,单击“提交”...至此,我们便完成了 djano-registration 相关设置,点击注册,填写信息后,便在邮箱中收到网站的验证邮件信息。 ?

    3K20

    SAP 如何进行采购发票预制?

    当采购订单收货完成后,供应商会根据供货情况开具发票,一般由采购部门在SAP里面进行预制发票,财务审核完成过账。...在发票界面输入下表中的字段的详细信息,输入完毕后点击保存按钮。...字段名称 描述 R/O/C 用户操作和输入值 采购订单号 采购订单编号 R必填 4500075799 发票日期 输入发票的开票日期 R必填 2020.11.24 参照 输入对应的发票号码,多张发票只输入第一个发票号...,确保与右上角为0 R必填 1017 计算税额 启用系统自动计算税额功能 O选填 √ 填写好相关信息后,在税收界面下再次核对对应的税率是否正确。...信息核对后,点保存按钮,即完成了采购发票在SAP系统中的预制操作。

    1.6K20

    结合使用 C# 和 Blazor 进行全栈开发

    目前,你不仅要在服务器中验证输入,还要在客户端浏览器中验证输入。新式 Web 应用程序的用户希望获得准实时反馈。在填写长窗体并单击“提交”后仅看到红色错误返回的日子已经一去不复返了。...在此示例中,它会验证所有字段是否都为必填、姓名字段是否有长度上限,以及电子邮件地址和电话字段的格式是否正确。它会在每个字段下显示错误消息,这些消息会在用户键入内容的同时更新。...最后,只有在没有错误的情况下,“注册”按钮才处于启用状态。 ? 图 2:注册窗体 共享库 所有需要在服务器和 Blazor 客户端之间共享的代码都位于一个独立的共享库项目中。...模型类保留注册窗体中的数据字段。...客户端使用此方法来确定是否应启用“注册”按钮。另外,WebAPI 服务器也使用此方法来确定传入的模型数据是否有错误。

    6.7K40

    Extjs-lesson4

    TextField 1.2 代码 ❝窗体 Window 以及表单 FormPanel 的代码省略,以后的代码将只展示必要部分。...❞ // 初始化提示信息,让下面的框框显示提示动作 Ext.QuickTips.init(); // 提示的方式在框框右边缘,参数的值有:"qtip","title","under","side",id...; }; //提交按钮 //创建一个新的Button按钮对象 var btnsubmit = new Ext.Button({ text: "提交", //当用户点击的时候[即js中的onclick...,字段与数据一一对应解释为 Extjs 使用的数据 // 参数为 id 列,以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id: "id" },...store: combostore, //显示的列,对应数据源的 name 列;此属性必填 displayField: "name", //对应数据源中 id 列的值;此属性必填

    4.8K10

    WEB功能测试说明

    4、中文字符处理:在能够输入中、英文的系统输入中文,看会否出现乱码或出错。...检查信息的完整性 在查看信息和更新信息时,查看所填写的信息是不是所有更新,更新信息和加入信 息是否一致。...13、必填项检查:应该填写的项没有填写时系统是否都做了处理。对必填项是否有提示信息。如在必 填项前加“*”。对必填项提示返回后。焦点是否会自己主动定位到必填项。...· 窗体中的数据内容是否能用鼠标、功能键、方向键和键盘訪问? · 当被覆盖并又一次调用后。窗体是否能正确地再生? · 须要时是否能使用全部窗体相关的功能?...· 窗体的声音和颜色提示和窗体的操作顺序是否符合需求? · 窗体是否正确地被关闭? 下拉式菜单和鼠标操作: · 菜单栏是否显示在合适的语境中?

    1.2K41

    测试用例(功能用例)——完整demo(一千多条测试用例)

    资产入库登记:(注意,必填项使用红色星号“*”标注) 在资产列表页,点击【入库登记】按钮,弹出“资产入库登记”窗口,窗口下方显示注意事项“注意:提交后,“资产编码”不允许修改,请认真填写。”...“进行中”;此时,点击【录入结果】,资产管理员可以录入各资产的盘点结果;在结束盘点之前,资产管理员还可以修改录入结果; (3)资产盘点无误后,资产管理员可以点击【结束盘点】按钮,结束盘点,盘点单状态变为...删除盘点单: 在未开始盘点之前,可以删除盘点单。点击列表任意“未开始”状态盘点单后的【删除】按钮,系统弹出提示“您确定要删除该盘点单吗?”...】启动盘点,盘点状态变为“进行中”;此时,点击【录入结果】,资产管理员可以录入各资产的盘点结果;在结束盘点之前,资产管理员还可以修改录入结果; (3)资产盘点无误后,资产管理员可以点击【结束盘点】按钮,...”; 删除盘点单: 在未开始盘点之前,可以删除盘点单。

    7.7K31

    Java 代码生成器(CURD CRUD)

    3.浏览器访问页面 http://localhost:8080/generator 页面的输入框中已经预置了一些值,可以删了填写自己需要的值。..., Long) Field Name Java代码属性名 必填 DB Column 数据库字段名 必填 DB Type 数据库字段类型 必填 示例:varchar(36) 或 int(11) DB...Not Null 数据库字段是否必填 可选 DB Comment 数据库字段注释 可选 3.2 页面按钮解释 Add Field 按钮:添加一个字段栏 Delete Field按钮:删除当前行的字段栏...Generate Code:页面填写完成后,点击此按钮生成代码文件已经SQL文件 4....目录,代码和建表的SQL文件已经生成好了 output 我们来验证一下生成的代码是否可用 在本地Mysql数据库中执行生成的建表SQL(代码中配置的数据库信息见: application.properties

    1.7K10

    LoraWan的第一个网关与设备

    创建service-profile [4.png] 名称可随意填写,network-server的填写是一个下拉列表,会显示刚才创建的NS,只填写两个带*的必填项就可以了,填写完后点击右下角按钮提交。...创建device-profile [5.png] [6.1.png] 这个页面主要的信息是LoRaWAN MAC version这个字段 创建完后在device-profile的列表点击进入刚才创建的...创建应用 在添加设备之前需要创建应用,而设备是放在应用之下的,这样做的原因主要是用来对设备进行分类。比如A类型的传感器放在一个应用下,B类型的传感器放在另一个应用下。...[11.png] [12.png] 创建完必填的内容后点击右下角按钮确认创建。 然后在应用列表就可以看到刚才创建的应用了,点击应用名称进去,开始创建设备。...[13.png] 添加设备 [14.png] 依然是填写完必填项后点击右下角按钮确认添加。 [15.png] 重要的是devEUI,这是lora模块上的ID,务必填写正确。

    1.1K20

    【WPSJS主题】使用json配置文件自动生成网页表单控件页面,让面向业务的开发开归本质。

    一、很早之前其实在Excel就有提供类似技术 在1999年的远古时代里,Excel已经支持数据绑定的方式,用外部的xml文件来控制Excel单元格的内容规范或ListObject的列表数据列规范。...在XSD文件中,可以定义许多约束关系,如字段类型属于文本还是数字,字段的文本长度,数字大小范围,是否必需项,默认值是什么等等,微软OFFICE中,曾经有一个组件infoPath,就是干这件事,通过界面的方式来配置出相应的...1、字段约束根据配置文件定义自动生效 如上图中说到,每个网页表单控件中,根据我们定义的字段类型和其他规范要求,相应地在网页控件渲染出来后,这些约束已经在生效了,例如是枚举字段时,会渲染出一个下拉选择框,...类似还有哪个字段是必填、数字字段类型它的范围是多少,限定其输入范围在最大最小值内等等。这些都不需要我们再进行其他的脚本编写。 ?...2、窗体表单用户填写好的数据,可轻松采集到位 以下图中,点击提交后,整个表单将以一个json对象数据的方式返回,不用再一个个表单控件去查找用户输入的值。 ?

    1.5K20

    使用json配置文件自动生成网页表单控件页面,让面向业务的开发开归本质。

    一、很早之前其实在Excel就有提供类似技术 在1999年的远古时代里,Excel已经支持数据绑定的方式,用外部的xml文件来控制Excel单元格的内容规范或ListObject的列表数据列规范。...在XSD文件中,可以定义许多约束关系,如字段类型属于文本还是数字,字段的文本长度,数字大小范围,是否必需项,默认值是什么等等,微软OFFICE中,曾经有一个组件infoPath,就是干这件事,通过界面的方式来配置出相应的...1、字段约束根据配置文件定义自动生效 如上图中说到,每个网页表单控件中,根据我们定义的字段类型和其他规范要求,相应地在网页控件渲染出来后,这些约束已经在生效了,例如是枚举字段时,会渲染出一个下拉选择框,...类似还有哪个字段是必填、数字字段类型它的范围是多少,限定其输入范围在最大最小值内等等。这些都不需要我们再进行其他的脚本编写。 ?...2、窗体表单用户填写好的数据,可轻松采集到位 以下图中,点击提交后,整个表单将以一个json对象数据的方式返回,不用再一个个表单控件去查找用户输入的值。 ?

    2.4K30

    干好这件事,卷死所有同行

    由于B端产品的复杂性,表单往往呈现出字段多类型杂等特点;但是一个糟糕的表单会极大影响用户信息的录入,从而影响整个产品的体验。...善用开关按钮 允许用户在两个相反的状态之间进行选择,如:有效或无效、是或否、开或关等。...提示信息 根据输入流程将用户输入过程分为输入前、输入中、输入后三个阶段,提示信息在输入前发生的称为引导提示,提示信息在输入中/后发生的叫反馈提示。...可优化的点 当表单的必填项未填写完整时,提交或保存等主按钮一般为灰色状态,不可进行下一步操作,当完成必填信息的填写后,按钮变为高亮,可进行下一步操作(但表单项超过5个时则不建议使用主按钮禁用原则)。...滚动条 表格宽度过长- 滚动条最好出现在表格中,不是在页面级别。 弹框过长-滚动条最好出现在弹框中,不是页面级别滚动。 避免出现滚动条套娃。 好啦以上就是全部啦!

    2.6K10

    AngularDart4.0 指南- 表单 顶

    这个表格中的三个字段中的两个是必需的。 遵循材料设计准则,必填字段带有星号(*)。 如果您删除了英雄名称,表单将以吸引人注意的风格显示验证错误: ?...禁用窗体的提交按钮,直到窗体有效。 建立 按照设置说明创建一个名为表单的新项目。 添加angular_forms Angular表单功能位于angular_forms库中,该库位于其自己的包中。...这很好地描述了英雄类与三个必填字段(id, name, power)和一个可选字段(alterEgo)。...点击清除按钮。 文本字段变为空白,如果您更改了power,它将恢复为默认值。 用ngSubmit提交表单 用户应该能够在填写表单后提交这个表单。...如果没有Angular的帮助,你需要做什么才能将按钮的启用/禁用状态连接到表单的有效性? 对你来说,这很简单: 在(增强的)表单元素上定义一个模板引用变量。 在多处的按钮中引用该变量。

    17.5K30

    Discourse 创建和配置用户自定义字段

    :设置字段名和描述Field Name(字段名):在用户注册表单和用户属性之前进行显示Field Description(字段描述): 显示在用户可以输入的内容之后,用于帮助用户理解这个字段的内容和意义...:Editable after signup(注册后可以编辑): 当字段内容被创建后,用户还是可以进行编辑Required at signup(注册时必填): 当用户在创建自己账号的时候,这个字段的内容必填...(可以搜索): 用户在字段中输入的值可以在用户目录中进行搜索在公开属性中显示当这个选项被启用,用户字段的值将会显示在用户的属性页面中:在用户名片中显示当这个选项被启用,用户字段中的值将会显示在用户名片中显示...:可被查询当这个选项被启用,你可以基于这个字段中的值来搜索用户:保存和编辑字段单击"Save(保存)" 来将用户字段添加到你的用户站点中。...如想对添加后的字段进行编辑,单击 “Edit(编辑)” 列表中的编辑按钮。如需删除字段,单击 “Delete(删除)” 按钮。

    6510

    【UI&UX案例分析】解密停车App(Pazi)的“前世今生”

    而为实现这一点,设计师在App设计过程中主要考虑到了以下三个用户场景: 用户场景分析 场景一:目击者报告事故 当用户目击事故时,通过该软件,可轻松填写并上报事故详情。...选项卡设计:确保用户能够在个人页面和事故页面之间快速切换。 添加按钮:允许用户轻松添加和填写任何事故报告。 功能模块:确保用户即使远离停车点,也能实时追踪车辆以及周围事故情况。...而且,该页面中涉事车辆牌号被设置为必填项目,以便软件能够及时通知涉事车主,了解事故详情。其事故说明字段设计,亦能帮助用户提供更多的事故细节。...但考虑到类似说明字段会一定程度上影响事故填写和申报速度,该字段并非必填项目。用户可根据需要选择填写或不填写,以优化用户体验。...如此,用户在阅读事故详情之前,就能轻松了解事故相关内容。 相机功能设计 其简单方便的相机功能页面设计,也轻松满足了用户对停车类App的核心需求:快速拍照或录制短视频。极简的布局和导航,直观易用。

    54230

    两种通用型测试用例模板(excelxmind)

    lucas lucas Alex 1.2、用例模板使用说明 用例模板使用说明 列表字段名称 是否必填 列表字段说明 格式要求 样例 用例编号 必填 每个功能子模块里用例的编号...编号取值规则:项目名各中文首字母大写_6位数字(数字由000001开始编写) 比如行情项目在登录功能子模块里的第一条用例用例编号值为:HQ_000001 功能子模块 必填 一级模块页下的任一个子级模块名称...请根据项目模块层级关系填写 用户管理 测试目的 必填 测试目的 填写简要的测试目的 账号密码功能校验 前置条件 非必填 有些测试用例执行之前都会需要填写前置条件 填写简要的前置条件 用户A在谷歌浏览器输入网站...(重要性为【中】) 4:错误场景用例(重要性为【低】) 2 操作步骤 必填 每条测试用例的操作步骤 填写简要的操作步骤 1.输入正确账号,输入错误密码,点击登录按钮进行登录,查看结果 输入数据 非必填...bug(每条禅道bug都有唯一的id值) 填写数据格式为正整数的禅道id 1777 编写人 必填 每条测试用例对应的编写人员 填写编写人姓名 lucas 执行人 必填 每条测试用例对应的执行人员

    7.4K31

    【案例分析】解密停车App(Pazi)的“前世今生”

    而为实现这一点,设计师在App设计过程中主要考虑到了以下三个用户场景: 用户场景分析 场景一:目击者报告事故 当用户目击事故时,通过该软件,可轻松填写并上报事故详情。...选项卡设计:确保用户能够在个人页面和事故页面之间快速切换。 添加按钮:允许用户轻松添加和填写任何事故报告。 功能模块:确保用户即使远离停车点,也能实时追踪车辆以及周围事故情况。...而且,该页面中涉事车辆牌号被设置为必填项目,以便软件能够及时通知涉事车主,了解事故详情。其事故说明字段设计,亦能帮助用户提供更多的事故细节。...但考虑到类似说明字段会一定程度上影响事故填写和申报速度,该字段并非必填项目。用户可根据需要选择填写或不填写,以优化用户体验。...如此,用户在阅读事故详情之前,就能轻松了解事故相关内容。 相机功能设计 其简单方便的相机功能页面设计,也轻松满足了用户对停车类App的核心需求:快速拍照或录制短视频。

    44810
    领券