问题概述

用户需要向应用系统中输入数据。

示例

用途

  • 用于当输入项相关的标签无法完全表达清楚该向输入项中输入什么内容,或者使用标签说明输入项内容是多余的动作的情况;
  • 用于当除了标签以外,在输入项中显示示例文本或者疑问句也能说明该向输入项中输入什么内容的情况;
  • 用于不想因使用标签导致占用太多空间的情况;
  • 用于与标签结合使用从而进一步描述需要输入什么类型的内容的情况。

解决方案

输入项中提前显示示例文本或者一个问句,用于提示用户该怎么做或者该输入什么内容。

本模式常用于下拉列表框或者文本输入框。由于下拉列表框中的选项是固定的内容集合,其提示信息都是诸如“选择....”的文本,而对于文本输入框,提示信息通常以“输入”、“键入”、“搜索”等动词开头,以输入项表示的名词结尾,例如输入城市名称、输入地址。

采用本模式的文本项,结合脚本语言,当获取到用户的焦点时,从文本项中清除提示信息[1]。一旦用户准备在输入项中输入信息,则输入项通过脚本将其内的提示信息清除,这样便于用户输入内容。

说明

当用户在应用系统中填写表单时,其想法通常是尽快填完表格以便获取应用系统提供的服务,这就是为什么用户只浏览表单中的字段和标签而对标签内容不屑一顾的原因。使用本模式,用户能够快速了解该输入什么内容,而不会忽略该字段。需要注意清除提示信息的时机,一旦文本项获得焦点, 其内的提示信息就需要清除[2]。

本模式常应用在尺寸较小的表单中,将本该在标签中显示的内容作为提示信息放入文本项中,这样可以帮助网站节约空间,对于更复杂的表单,表单中通常有足够多的空间放置说明性的标签[3]。

原文地址:http://ui-patterns.com/patterns/InputPrompt

[1]原文:Text fields use the Input Prompt pattern combined with scripting to remove the prompt text from a field, when the user’s focus is set

[2]原文: Although you must beware of removing labels entirely, as the input prompt is removed once focus has been set to the text field.

[3]原文:Input prompt is often used for small forms that are key to the core functionality of a site as inserting the label inside the text field itself helps save space. For more elaborate forms, there is often more than enough room available to explain each input field.

(翻译)提示(Input Prompt)相关推荐

  1. 广告行业中那些趣事系列59:详解当前大火的提示学习prompt learning

    导读:本文是"数据拾光者"专栏的第五十九篇文章,这个系列将介绍在广告行业中自然语言处理和推荐系统实践.本篇主要从理论到实践介绍了当前超火的提示学习Prompt Learning,对 ...

  2. 【ChatGPT】如何通过提示工程(Prompt Engineering)训练你的聊天机器人

    文章目录 如何通过提示工程(Prompt Engineering)训练你的聊天机器人.md salesforce 爱因斯坦 gpt 代码开发实例 Prompt Engineering:提示工程解释 好 ...

  3. Report Studio值提示通过prompt宏函数给sql查询传参

    场景:当我们在DW中新建了一个表,但是在FM中没有创建模型,想针对这个表直接做一个报表,那么就需要在reportstudio中直接用sql来查询,为了追求查询速度,我们可以把页面用户选择的条件直接传给 ...

  4. html input鼠标提示,input输入框鼠标焦点提示信息

    input输入框鼠标焦点提示信息 问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现.如图所示: 做法如下: 复制代码 代码如下: 注意点为input的 ...

  5. [AI绘图教程]提示词prompt的基本使用

    有几天没有写关于stable diffusion绘图的教程了主要也是没有太多时间这里先写一下关于prompt的基础教程. 影响图象生成的要素 使用stable diffuson进行AI绘画创作时会受到 ...

  6. Kconfig基本语法

    http://www.cnblogs.com/AP0904225/p/5967979.html Linux 内核在2.6版本以后将配置文件由原来的config.in改为Kconfig.当执行make ...

  7. Linux Kbuild文档 2

    2. Kconfig linux在2.6版本以后将配置文件由原来的config.in改为Kconfig,对于Kconfig的语法在内核源代码/Documentation/kbuild/kconfig- ...

  8. 提示工程师:如何写好Prompt

    提示工程由来 提示工程是一门相对较新的学科,用于开发和优化提示以有效地将语言模型 (LM) 用于各种应用程序和研究主题. 研究人员使用提示工程来提高 LLM 在广泛的常见和复杂任务(例如问题回答和算术 ...

  9. 100个 ChatGPT 提示(Prompt)优化高质量提问案例

    众所周知,如何使用好 ChatGPT,关键在于如何提问.如何提出高质量的问题,这就涉及到如何组织提示(Prompt)--OpenAI 官方称之为提示工程(Prompt Engineering).我们可 ...

最新文章

  1. webpack2+React 实例demo
  2. 0b3398php,思想道德修养与法律基础(九江职业技术学院)知到2020题目及答案
  3. TeamCity+Rancher+Docker实现.Net Core项目DevOps
  4. 非安装版的PostgreSQL8.3.3的首次使用经历
  5. 前端学习(660):比较运算符
  6. 成都专业语音转化为文字怎么样_安徽听见科技
  7. windows 2003活动目录更名操作[图]
  8. VIP文档复制文字方法
  9. 公路护栏设计技术简析
  10. 代数拓扑笔记(1) —— 胞腔复形
  11. 最新仿淘宝详细页头部渐变效果
  12. MATLAB人体行为检测与识别
  13. RTKLIB专题学习(四)---单点定位实现初识(一)
  14. 油管视频目录正则整理
  15. 使用 AppFuse 的七个理由之二
  16. HTML5在线摄像头应用
  17. 阿里云最新可申请试用云产品汇总(免费领阿里云服务器)
  18. 【提交】commit
  19. 转:如何不断自我提升
  20. 怎么设置uboot从u盘启动linux,RT5350使用uboot从U盘启动linux顺利

热门文章

  1. Swift 自定义 Loading 按钮 ContentButton
  2. ROS话题模式及多线程
  3. gazebo urdf sdf 相互转换
  4. 基于DPDK的Open vSwitch概述
  5. 2.16 这些都是我常用的修图工具【玩赚小红书】
  6. 2020寻找你的朋友圈认证,限时领取【2020 认证勋章】,千万不要错过!!
  7. 笔记本如何通过无线网卡互连
  8. 全局 autoform 变量调用
  9. 艾尼克斯任命 Michael Cappello 先生为其首席商务官(CBO)
  10. webScoket 长连接 在Vue项目中使用(实现1操作屏3展示屏的分屏效果)