百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

为什么不该使用占位文本(placeholder)作为提示文本的14个理由

yuyutoo 2025-03-10 21:50 2 浏览 0 评论

转载说明：原创不易，未经授权，谢绝任何形式的转载

占位符属性通常用于在文本输入框中添加提示文本，或作为适当标签的替代。

当用户输入时，占位文本会消失以腾出空间供回答。这种方法很受欢迎，因为它节省空间并具有极简主义的美感。

但是使用占位文本作为标签（甚至只是提示文本）会降低用户体验，而且完全没有必要。

原因一：它们很难记住

这是因为当用户开始输入答案时，占位文本会消失。

用户可能需要删除他们的答案以查看说明，这会减慢用户的速度并增加认知负荷。

原因二：裁剪长文本

长占位文本被裁剪，导致无法访问。

原因三：可能被误认为是一个答案

这是因为用户可能会将提示误认为是真正的答案。

https://www.uxmatters.com/mt/archives/2010/03/dont-put-hints-inside-text-boxes-in-web-forms.php

当他们提交表格时，他们将不得不修复一个不是他们的错的错误。

另外，一些注意到这段文字的用户尝试选择并删除它。这是令人沮丧的，因为占位文字无法被选择。

原因四：一旦输入，变得模糊不清

当一个字段已经被回答时，不清楚该值与何相关或是否符合格式要求。

原因五：很难检查

一些用户在提交答案之前会检查它们。由于占位文本不再可用，将很难将他们的答案与要求进行对比。

原因六：修复错误更加困难

这是因为标签和提示文本（此时可能会缺失）为答案和错误提供了上下文。

原因七：对比度低

占位文本与用户输入之间的对比度较低。但这使得视力受损或遇到屏幕反光等问题的人难以阅读。

原因八：与自动完成功能不兼容

浏览器的自动填充功能会自动填充字段。这意味着用户不知道这些值与何相关，从而难以检查答案。

原因九：有些屏幕阅读器无法识别

这意味着屏幕阅读器不会宣读占位文本，可能导致用户无法理解如何回答问题。

原因十：有些浏览器无法翻译

例如，Chrome浏览器不会翻译占位文本。

原因十一：减小了标签的点击区域

当点击标签时，相关的输入框会获得焦点。这对于有运动障碍的用户尤其有用。

使用占位文本会减少输入区域的点击范围。

原因十二：看起来像Windows高对比度模式中的用户输入

在Windows的高对比度模式下，占位文本会被赋予高对比度的颜色，很容易被误认为是用户输入。

原因十三：一些浏览器缺乏支持

在不支持占位符的浏览器中，用户将看不到任何指示。

原因十四：一些旧版浏览器在输入框获得焦点时会隐藏它们

将标签（以及任何提示文本）放在输入框上方。

结束

由于文章内容篇幅有限，今天的内容就分享到这里，文章结尾，我想提醒您，文章的创作不易，如果您喜欢我的分享，请别忘了点赞和转发，让更多有需要的人看到。同时，如果您想获取更多前端技术的知识，欢迎关注我，您的支持将是我分享最大的动力。我会持续输出更多内容，敬请期待。

相关推荐

迷你世界:最恐怖的地图?公墓探险解密，胆小慎入，气氛拉满

恐怖题材的地图一直都是玩家们又爱又恨的，一方面地图的代入感和体验感都是非常不错的，而另一方面太过于紧张的气氛又让人觉得非常的害怕。而今天给大家推荐的这款地图，则是将地图的恐怖感放到了最大，一起来看看吧...

迷你世界:羊纸体验玩家自制地图，嘲笑地图太简单，结果却被炸飞

前言：迷你世界主播羊纸体验玩家自制闯关地图，本以为能轻松过关嘲笑地图套简单，却被无情炸飞迷你世界可以说是目前最受欢迎的沙盒游戏，在游戏中小伙伴们可以使用道具建造出各种好玩、有趣的建筑物，而且玩家们还会...

迷你世界:找不到好地图?无需再求地形码，掌握这些自己做一个

在《迷你世界》中，玩家如果想玩某张地图，是可以通过输入激活码来进入该地图的。但如果玩家想对地图进行更改，例如多给地图添加一些资源或者让整张地图仅有一到两个区域时，则需要自己进行修改。这种修改的方法很简...

迷你世界:地图大盘点，网友:每一张都是精心制作

如今在众多玩家们的心中，迷你世界有着不可撼动的地位，确实，这款游戏能有今天这样的成就着实不容易。近日有关迷你世界要迎来新版本的消息也被大家纷纷议论着，很多人都在等待全新迷你的到来，毕竟里面的新地形以及...

CS2更新，沙2、Nuke地图调整;CS战队排名更新

在防守端，两名玩家不再需要快速爬上A小了。V社发布了CS2的一个小更新，其中最突出的变化是更改了Dust2上CT出生点通向A小的箱子堆。...

2024年7月23日更新日志:沙二现可单人跳上A小!

2024年7月23日CS更新日志...

迷你世界:想做地图却不知从何下手?理清思路方法，让你轻松造图

在《迷你世界》中，制作地图是一件非常有意思的事情，特别是当玩家呕心沥血制作出来的地图被别的玩家所肯定时，那种满足感是无可比拟的。不过，要想制作出好的地图可不是一件容易的事，很多玩家在开始的时候就犯了难...

路痴的福音，玩家在《新世界》自制了一款迷你地图

在国产网游已经进化到一键寻路的今天，很难想象还有《新世界》这种没有小地图的。再考虑到这款亚马逊网游的超大地图，以及并没有坐骑(官方原因归于“动物抵抗运动”)，那是非常不适合路痴了，每次切换大地图也十分...

迷你世界:地图模块怎么用?编辑地图更简单，立马变成大佬

最近关于迷你世界的议论可不少，不过在这些议论声中，大家却都是充满开心的。原来迷你世界版本又进行了一次更新，这次的更新中，不但为玩家们带来了双旦节日的一系列活动，此外还有一个重要改变，那就是迷你工坊的里...

linux基础命令之zip、unzip命令

zip命令是linux系统下压缩文件的命令，后缀为.zip。unzip命令是对zip压缩包进行解压，和tar命令不同，tar命令是支持压缩和解压的命令语法格式：zip参数压缩名称要进行压缩的目录...

台湾是如何应用大数据分析提高半导体竞争力

自引进IC封装开始，台湾半导体产业已发展40余年，近年来总产值已近20,000亿元新台币，在全世界占有一席之地。半导体产业竞争力来自於成本、良率及交货时间，其中良率更是一家公司有竞争力之所在。近年来自...

如何评估自闭症儿童配对的能力，VBmapp 的评估介绍(八)

VB-视觉感知与样品配对：锻炼孩子视觉“看”的能力第一阶段（0-18个月）1.能5次从视觉上追踪移动的刺激物达2秒。练习孩子视觉追踪的能力。2.用拇指、食指和中指抓起小物件（钳形抓握法）。孩子在...

怎么学好唱歌技巧?

1、相信你自己作为一个歌手，如果连你都对自己没有信心的话，也没有人会相信你。你要用你的真情实意去演绎自己的音乐，但如果你想唱得够好，你要有足够的信心。有自信的声音听起来会更加富有感染力和吸引力。想象一...

维修笔记本主板必须要把三极管搞懂，今天带大家学习一下三极管.

三极管介绍:1.三极管：全称应为半导体三极管，也称双极型晶体管、晶体三极管，是一种控制电流的器件也是非线性原件，有三个极，分别叫做集电极C，基极B，发射极E.目前三极管有NPN与PNP两种，三极管有三...

VBA中的函数过程及对"形参"、"实参"的理解(学习方案六)

2.1.8Function过程，也就是我们经常提到的函数过程。对于函数，我给出了一个更为确切的定义，这个定义我在各个平台上均有发表和阐述，我给出的定义如下：如果对于唯一性输入值value，输出（或者...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表