文本字段(输入框/输入框)是一个历史悠久的示例性控件。当鼠标光标位于输入框中时，用户已经可以输入或再现粘贴的文本、数据和其他内容。虽然输入框看起来很简单，但是有很多关键点需要思考。本文将向您介绍输入框的相关组件和注意事项。
△文本字段的相关组成单元
问题类型/输入框标签
标签是一个标题或问题类型的控件或一组相关控件。当文本字段成对显示时，它意味着框中输入的问题类型的大致内容。说到常见的主题风格，标签不经意间就被标志代替了。为了更好地标记表单中的输入列，有必要进行dig，但是在标签中间加了一个星号“*”。
△墨水笔标签、logo标签、带星号的标签
标注LabelTextFields两端的对齐方式。
标签文本字段的布局设计对用户阅读文章和应用是非常有害的。通常，有四种方法可以对齐标签文本字段的两端。
顶部对齐
标签文本字段的左端与Lager对齐，因此用户只需依次记忆和阅读文章。所以看文章和挖写的时候最好听听四种两端对齐法。而且在显示屏水平背面占用的空间更少空，即使标签分级很小也能很好的显示(支持多种语言的硬件配置分级合理，所以有些语言借用的比英语少很多)。不过那种两端对齐会占用太多的显示空间。其他的要注意每组标签和其他组文本字段的间隔，防止疏母压抑可读性。
△对齐顶端。
水平对齐左端
标签文本栏水平显示，标签的左端对齐。占用显示屏的下度数更小，但由于标签的隐藏逻辑在对错时不统一，用户在阅读文章时的听音能力会低于凹陷顶部两端对齐的情况。
△水平左端对齐。
水平对齐左端
类两端对齐有利于用户阅读文章标签，但标签与文本字段的距离比较近，用户从左往左阅读文章的时间会越来越少。一些短标签可以通过在整个过程中削减字符间距来使其更容易阅读。虽然时间少是好事，但是通过要求仔细挖掘，用奇怪的数据写信息战，真的有可能减少用户的下沉。
△水平左端对齐。
嵌入标签
将文本字段嵌入标签是最节流室空的做法。为了更好地识别标签的实际输入内容，每当标签的颜色被加粗并且已经减少“…”时，在实践中就使用占位符文本作为标签。嵌入标签阅读文章服从八两500克顶上一战的对齐。但是用户一旦在文本栏输入了内容，标签就会看到还没到，所以只适用于标签分级短，关于掠夺框，账号稀疏码输入框的情况。
△嵌入标签
浮动标签(波动标签)
设计师MattDSmith嵌入了标签，创造了一种奇特的交互方式:浮动标签(dribbble):当用户在文本字段中输入内容时，嵌入的标签会波动到文本字段的上圆，并在顶部和两端对齐。那种方法兼顾了嵌入标签和战役顶端两端对齐的优势。直到现在，它已经成为材料设计中文本领域默认的气魄。
△浮动标签
那种方式也是欠缺的，标签出现的很少。对于小显示屏视力不好的用户去马路不是一个好的方案。此外，标签陵墓已经侵犯了占位符文字原有的室内空房间，部分用户不熟悉的文字字段要求额外的室内空房间播放提醒。
占位符文本/提示(占位符文本/提示文本)
占位符文本是当文本字段中有内容时显示的深灰色水笔。可能在用户输入内容的时候就消失了，所以只有一些简单明了的疑点。每当使用占位符文本作为输入指南时(例如，“请亲自输入指控”)，就会报告一个有限战争的示例(例如，“年/月/日”)。很多电商的物质掠夺箱都会用占位文字来营销线上的热销产品。
△淘宝App的掠夺框占位文字
IOS有一个特点，占位符文本出现在硬键盘上，即使已经输入，也能提示用户准确的划分规则，用户在输入过程顶端的视线没有在硬键盘上迁移。
△占位符文字已经出现在键盘圈上。
帮助/额外显示/帮助墨迹笔(帮助文本)
如果文本字段的输入划分需要很大的注意，那么提倡围绕文本字段(一般在上面)的帮助文本的推广就特别明显。帮助文本也可以通过关于d出窗口的工具提示来显示。
MailChimp注册了稀疏码输入框的Helpertext参与交互交流:输入框的巨大划分规定了拆分的几个简单前提条件。每当用户输入的内容令人满意时，就会给出响应。当用户被告知满足了哪个前提条件，庞大的任务就会被拆分成简单，用户输入后就不会轻易下沉。
△MailChimp
初始默认值(默认值)
在框中输入默认嵌入标识符。拿到钥匙后就不需要它们了。您可以删除并调整它们。好的初始默认值可以减轻用户的输入负担。比如App铺面的导航栏功能的落脚点就是输入框默认值，也就是目前用户的影响力。用户只需要输入整体目标日就可以启动导航条，从而养成服从性。
△立足点默认值是今天用户的影响力。
输入限制
有各种各样的词，有对与错的区别，但是斤斤计较特征所承担的词相对有限，运营圈对词格有要求。比如手机号必须是数据，如果输入其他内容就会出错。为了更好的降低用户下沉的可能性，维护计算机器的冷静管理系统，需要终止一些对文本字段的输入限制，比如多个标识符的最短最频繁输入；能否输入emoj情感logo等特殊标识符；左右空格人物是否可以过虑；你能把这些从剪切板上粘下来吗？
其他人要思考的是，如果用户的输入超限或者下沉，如何给用户一个恰当的回应，帮助用户准确调整内容。
主动获取按键(自动对焦)
当用户点击文本字段时，鼠标光标显示d出的计算机硬键盘，这表明文本字段已被按键，然后用户可以输入关于调整的内容。主次任务是挖掘表单的页面，用户进入页面后可以主动获取密钥。如果页面中有多个textfields，当用户挖掘并写入一个并主动获取下一个的密钥时，控制会更加流畅。
输入模式
文本域的主干和支流输入方式是电脑键盘，对硬电脑键盘进行适当的统筹规划，有利于用户发展输入和服从的可能性和抑郁感。由于封闭的硬计算机键盘的整体规划的特点，边肖实际上已经在前面讨论过“那个控制叫什么名字？”实键盘/硬键盘/软键盘系列。
除了电脑键盘，其他输入方式也可以用来促进输入和服从。比如视频和语音输入，GPS定位，拍照区分墨水笔，墨水笔思维活跃，采取其他输入类型互相控制等。
△淘宝App的文字栏提供了非常丰富的输入法。
有限空间演示
需要空间限制的文本字段有两种空间限制:
过去输入的最大页数/字数。
一直显示“今天之前输入的长度”，达到最大长度限制时会提示超过最小长度。
两种方式给用户的感受是不一样的。比如收藏微特辑、盘活微特辑的文字区(文字区/多文字输入区)的空间限制提示，由原来的“今日之前空间输入/140字”改为“130字可输入的标识符数量，显示今日盈利”。这样做的好处是，当用户刚刚开始输入时，他们会因为看到空间限制而对输入感到自信。
△左右前后微特化重做
清除按钮，快速排毒。
至于到硬盘电脑键盘的方式，频繁的敲delete键删除几个标识符，比物理电脑键盘要好得多。所以可以在需要调整的文本字段左侧放置一个清除按钮，一键点击空文本字段中的所有内容。
清除按钮有四种机会:
拿到钥匙就拿出来。
有内容就展示，就算拿到了密钥。那种适合抢箱子。在面部点击清除按钮后，muddy空内容会主动获得钥匙。趁热打铁，间接终止下一次掠夺。
继续展示。
显示明显的清除按钮，但是按一次硬电脑键盘的delete键间接的浑空一切。每当稀疏码进入盒中，它将在下沉后使用。
框架战中稀疏码输入的可见性转换标志
PC阶段，电脑显示屏比较大。如果稀疏码的间接密文出现，就很容易被那些犹豫观察的人窃取并获得。因此，星号“*”或“”用于隐藏精确的稀疏代码。移动阶段出现稀疏的代码输入框和稀疏的文字，非常值得反复推敲。尾先脚机的显示屏比较小，观察犹豫不容易被拿下。其次，不法分子可以通过广泛观察键盘按键来赢取稀有码，并不存在将稀有码输入盒子的要求。用户输入其他生僻字并压制，需要付出很大的努力。没有外部数据显示，接受稀疏码默认密文显示，密文/稀疏文本由可见图标(不可见图标/可见图标)全程转换，可以显著提高转化率，没有冷静的压抑。
编者按:什么时候应该出现，什么时候不应该出现？关于，有哪些创意可以提供另一种满意、便捷、从容的需求？玄机在那边→“不易发现的细节！普通登录世界应该有稀疏码吗？》
多输入停止箱的最大停止
根据输入停止次数，文本字段可分为单行文本字段和多行文本字段。由于脚机的显示屏相对较小，建议限制多站输入框的最大停止次数。如果到达最大停止点，输入到框中的文本可以在整个过程中被旋转条拖动。为了更方便的旋转拇指，建议最大陡度停在5。
△多站输入框的最大停止
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）