神秘的黄色表单字段

2004 年 1 月 5 日星期一 (格林威治标准时间 12:37PM)

我收到了一些电子邮件，询问 HTML Dog 上某些表单字段为什么有黄色背景。

“什么？”是我最初的目瞪口呆的回应。网站的 CSS 中没有任何内容设置了表单元素的颜色。但我亲眼在别人的电脑上看到它了——它就在那里，一个带有淡黄色背景的表单字段。不是所有表单字段，只是一个明显随机着色的输入框。

这是由于 Windows 版本不同？Internet Explorer 的奇怪版本？嗯，事实证明罪魁祸首是Google 工具栏，那个你从 Google 下载的小部件，它会在 Internet Explorer 中添加一个搜索框和其他一些东西。

Google 工具栏上有一个“自动填充”选项（默认开启），它会“乐于助人地”突出显示某些名称的表单字段，例如“email”或“name”。唯一的问题是，我认为这不是很乐于助人。没有任何软件程序能够知道哪些字段对用户最重要的。作为设计者，我应该选择如何最好地突出显示区域，以及使用什么方法来吸引用户注意我我认为重要的区域。我当然不希望一个自动化工具弄乱一个经过精心设计的布局。

鉴于有许多人使用 IE，而且 Google 工具栏在这些用户中无疑很受欢迎，这对网页设计师来说是一个真正的问题。

Jenseng 有更多信息，其中包括一些 JavaScript 解决方法，但我认为最好也是最简单的方法就是使用 Google 工具栏无法识别的名称。

我患有残疾，打字很困难，而且我一直都在使用 Google 工具栏的自动填充功能。这让填写表单变得容易多了。

在你鼓励其他设计师让他们的访问者的浏览器工具变得无用之前，值得考虑一下。

Guy 于 2004 年 1 月 6 日星期二晚上 8:47 GMT 如此说道。

我的主要问题是，Google 工具栏不可能知道哪些表单元素最值得突出显示。

我认为这个想法原则上是好的（尽管该功能应该默认关闭而不是开启），但由于没有牢固的表单元素命名约定，因此该功能永远无法正常工作。

有时，当突出显示表单字段是有益的（正如 Google 工具栏所期望的那样），网页设计师可能没有以工具栏识别的方式命名这些字段。

反过来说，当突出显示一个表单字段而不是另一个字段没有意义时，网页设计师可能会无意中为该表单字段应用一个 Google 工具栏能够识别并将其涂成黄色的名称。

Patrick 于 2004 年 1 月 7 日星期三下午 12:48 GMT 如此说道。

Google 工具栏还会导致其他您知道的任何差异吗？我作为一个网站管理员，有什么东西我应该避免使用吗？

Slot Buddy 于 2004 年 1 月 9 日星期五上午 10:28 GMT 如此说道。

伙计们——这不是什么大事。而且，如果用户（也就是客户！）想要，他们可以在 Google 工具栏选项页的“更多”选项卡中轻松禁用突出显示。该选项名为“自动突出显示自动填充可以填写的字段”。我将此比作客户端样式表。那些也会搞乱你的网站！

Hal 于 2004 年 1 月 10 日星期六晚上 7:15 GMT 如此说道。

它之所以突出显示字段，不是因为它们比其他字段更重要（那没有帮助，而 Google，尤其是 Google，知道什么是有帮助的）。它之所以突出显示它们，是因为它已经存储了它认为可以填入这些字段的信息。例如，如果 Google 工具栏在其他表单上看到你填写了你的电子邮件地址，那么当它看到新表单时，就可以建议你的电子邮件地址可能适合的位置。因此，它会以黄色突出显示电子邮件字段，让你知道它可以为你自动填充。许多人使用此功能，将你的字段重命名为 Google 无法识别的内容可能会让这些人感到不满。

Joey 于 2004 年 1 月 10 日星期六晚上 8:58 GMT 如此说道。

我同意普遍的共识；用户偏好应该始终优先于作者。如果用户选择安装和使用改变网站外观的软件，这与作者无关。唯一的问题是，显然一些用户不理解他们看到的视觉反馈的重要性，并将其误认为是设计意图，而不是他们安装的软件的界面。这不算你的问题，Patrick，但肯定是一个有趣的提醒，对我们所有没有遇到过这种情况的人来说。

顺便说一句，我很喜欢关于弹性设计的文章。不确定布局的缩放，但绝对发人深省。

谢谢

Ian Anderson

Ian Anderson 于 2004 年 1 月 11 日星期日下午 8:08 GMT 如此说道。

我发现 Google 工具栏的自动填充功能在找出要突出显示的字段并填充正确信息方面令人惊讶地出色。如果你想让它在你的表单上更好地工作，“关于自动填充”文档说：

“你可以通过使用 ECML（电子商业建模语言）标准中定义的字段名来确保 AutoFill 在你的页面上正常工作，该标准可在 http://www.ietf.org/rfc/rfc3106.txt. 找到。”

我还没有见过一个突出显示破坏图形设计的文档，但我能理解为什么一个不知道自动填充的人会想知道为什么有些字段被突出显示而有些则没有。我是那种在新软件安装后立即调查每一个选项的人，但我可能有点奇怪。也许，正如 Patrick 所建议的，自动填充应该默认关闭。

Guy 于 2004 年 1 月 13 日星期二晚上 8:24 GMT 如此说道。

我同意，Google 的黄色是用户端的问题，对设计师来说并不真正重要。对我而言，问题在于用户代理（在这种情况下，Google 工具栏在某种程度上也是用户代理）有责任告知用户它对作者的作品进行了哪些修改。而用户却常常不知道。错误在于用户代理，它们应该以某种方式被强制纠正，并确保每个用户都知道这次安装在哪些方面偏离了作者的风格和标记。市场需要对此提出要求。如果作者试图规避这些修改，正如 Patrick 草率建议的那样，我们就将用户代理创建者从对其用户的责任中解脱出来，同时也使设计过程更加复杂化。

Neal 于 2004 年 1 月 13 日星期二晚上 9:31 GMT 如此说道。

Neal，我的建议并不草率。在一个完美的世界里，用户代理的制作者会听取设计要在他们身上运行的网页的人们的意见。不幸的是，我们从微软随意为所欲为多年来的头痛经历中知道，他们就是不听（嘿，盖茨先生，max-width 属性怎么样？不？ abbr 标签怎么样？等等）。我猜测，但我认为这是一个好猜测，Google 不会改变他们的功能。网页设计师有责任研究人们用来查看他们网页的工具，并相应地进行设计。这确实使设计过程更加复杂，但这正是设计师的问题。

Patrick 于 2004 年 1 月 13 日星期二晚上 10:15 GMT 如此说道。

Guy 提出了一个非常好的观点。当我最初写那篇关于 JavaScript 解决方法（http://code.jenseng.com/google/）的文章时，我主要考虑的是设计师，而不是用户。

从那以后，我开始从不同的角度看待它，并添加了以下说明/建议（http://code.jenseng.com/google/#autofillusers）。

基本想法是：

优秀的设计师与用户合作，而不是对抗他们。所以，如果你真的不喜欢黄色，并且倾向于通过 JavaScript 来“去样式化”自动填充字段，请考虑这一点：你和你的用户最好是简单地将这些字段设置为其他颜色，而不是重置它们以使其看起来与其他字段一样。添加一个只有自动填充用户才能看到的注释，解释他们可以在此表单上使用它，瞧！每个人都赢。

Jon 于 2004 年 1 月 20 日星期二凌晨 2:57 GMT 如此说道。

谢谢！谢谢！谢谢！我是 HTML 新手，正在创建我的第一个表单。我花了很长时间才弄明白为什么我的表单有黄色的单元格。我浪费了大量时间寻找一个颜色标签添加到 input 字段以将其重置为白色，或者寻找文字解决方法（否则还能称呼“First Name”或“Address”什么？）。我永远也想不到是 Google 选项导致的。

dave 于 2004 年 2 月 2 日星期一上午 5:27 GMT 如此说道。

我很高兴今天能看到这个页面。大约在上周，我注意到 Internet Explorer 中的某些表单字段是黄色的。要求填写电子邮件地址、姓名和网址的字段是黄色的。所以，当然，我认为这一定是我电脑上运行的某种新的间谍软件/广告软件。我现在感觉很愚蠢，但就像一些人在这里写的，这个功能应该默认关闭，或者至少让用户知道是什么导致了这种情况。

Pete 于 2004 年 2 月 4 日星期三晚上 9:53 GMT 如此说道。

非常感谢发布这篇文章，我是通过 Google 找到它的，今天能够有效地解决了我们认为是我们网站上的一个 bug。

Dave Spreefelt 于 2004 年 2 月 16 日星期一下午 6:48 GMT 如此说道。

非常感谢，这非常有帮助。请注意，即使您在 Google 工具栏中关闭了自动填充（至少在我使用的版本中），突出显示也会出现。Google 工具栏似乎并不总是在所有情况下都遵循当前的 Ecom_bleh 名称，所以总的来说，这个“功能”比有帮助更令人讨厌。

e 于 2004 年 3 月 6 日星期六晚上 6:49 GMT 如此说道。

我遇到了这个问题。我禁用 Google“更多”选项卡中的字段突出显示。结束。

Kurt Suma 于 2004 年 4 月 28 日星期三晚上 11:42 GMT 如此说道。

这个“功能”相当令人讨厌，尤其是当客户想要将他们的字体颜色设置为与他们（Google）设置的背景颜色相似的颜色时。我注意到，尽管背景颜色发生了变化，但他们并没有花时间改变前景颜色，所以在一些旧页面上，表单字段看起来是空白的。

Timothy Haig-Smith 于 2004 年 5 月 6 日星期四上午 9:48 GMT 如此说道。

评论 11、12、13 正是为什么这个功能应该默认关闭的原因，如上所述。有多少人浪费了时间试图弄清楚为什么他们的字段是黄色的？我猜很多人。我们公司也一样。

如果该字段默认关闭，而您必须手动打开它，您就会看到“自动突出显示自动填充可以填写的字段”这句话，因此您就会知道。

Susie 于 2004 年 5 月 13 日星期四下午 4:11 GMT 如此说道。

也许 Google 应该有一个用户可配置的颜色，默认是白色。这样每个人都满意。或者至少弹出一个消息框，上面写着“Google 可以自动填充突出显示的文本框”，并带有一个“不再显示此消息”的选项。这样每个人都知道发生了什么。

（无名）于 2004 年 5 月 14 日星期五凌晨 3:26 GMT 如此说道。

有趣的是，我也刚用我的 Google 工具栏搜索了这个问题的答案。既然我知道了，我就欣赏它。谢谢！也谢谢 Google 帮我找到了你造成的问题的答案！（呵呵）

Veronica 于 2004 年 5 月 24 日星期一下午 8:03 GMT 如此说道。

非常感谢您的帮助！

我花了很长时间才将 Dada Mail 集成到我的http://www.venturejapan.com 网站，无论我做什么，我都无法影响电子邮件输入字段中的黄色背景。

原来字段名是‘email’，而我运行的是 Google 工具栏。

如果有人成功更改了字段名（当然还有 CGI 脚本中的变量名），我将非常感谢您的反馈。

clare 于 2004 年 6 月 9 日星期三上午 10:18 GMT 如此说道。

我曾经也有过一匹小马！

yellow_monkey_boi 于 2004 年 7 月 9 日星期五凌晨 6:34 GMT 如此说道。

它应该默认关闭。我当时很慌张，因为我以为我的网站 CSS 有问题。然而，在这里解决这个问题意义不大，也许人们可以将评论发给 Google？我为什么不呢？我懒得管。
不过，公平地说，Google 工具栏是一个非常方便的软件，人们不应该因为这是一个小小的美学问题而却步。

Tim 于 2004 年 7 月 14 日星期三凌晨 1:00 GMT 如此说道。

先生，我知道答案！
字段变成黄色的原因与页面最佳部分或最重要部分无关。

Google 工具栏做了非常有用的事情，它会突出显示以前使用过并且因此可以自动填充的字段。用黄色显示。

上面说他们使用工具栏但没有看到黄色突出显示的用户要么

1. 关闭了该功能
2. 关闭了他们的浏览器上的自动填充。

谢谢 - 非常感谢！

Dave Nash 于 2004 年 7 月 28 日星期三下午 3:37 GMT 如此说道。

他射门！他得分！！

Dave Nash 于 2004 年 7 月 28 日星期三下午 3:38 GMT 如此说道。

嘿，我刚发布这个评论，看到我当前正在填写的表单变成了黄色，这正是我想回复的原因之一。我最近开发了一个网站，我作为设计师希望某些字段是黄色的，而其他字段保持白色，给它一种 CSS 式的网站“皮肤”吸引力。然而，我选择的黄色正好是 htmldog 的设计者选择的颜色，比那个丑陋的 Google 填充（抱歉）更亮。我对 Google 突出显示文本框没有意见，但也许他们应该让用户选择他们想要的表单字段颜色，而不是能够关闭它，而我现在发现这是可能的。谢谢！我不得不刷新我的网页，然后，瞧，黄色消失了！

Rachel 于 2004 年 7 月 29 日星期四晚上 10:53 GMT 如此说道。

非常感谢这些信息。我快疯了！

steve 于 2004 年 8 月 4 日星期三凌晨 3:38 GMT 如此说道。

我很惊讶没人起诉他们，因为从技术上讲，这可能被视为损害他人声誉。

如果我不知道是 Google 工具栏，并且去了某个网站看到随机的表单字段是亮黄色的，我会认为他们不专业，这可能会影响我是否与他们做生意的决定。

还有多少人这样想？

基本上，他们的工具栏可能成为许多公司因非自身原因而损失业务的关键因素。
还有设计师浪费的时间呢？当他们收到电子邮件告诉他们某些表单字段是黄色的时候。考虑到有多少人这样做，浪费的工时可能花费不菲。

这不是开玩笑——任何想到这个主意的人都应该被解雇，因为它最终可能导致法律诉讼。

Dean 于 2004 年 8 月 19 日星期四晚上 8:52 GMT 如此说道。

“我当然不希望一个自动化工具弄乱一个经过精心设计的布局”

我知道许多设计师不想让用户（或者更确切地说是他们的用户代理）决定他们的网站应该是什么样子。这导致了不必要的 Flash 和其他网络瘟疫的使用。
但真的，这就是 WWW 的意义所在：页面创建者可以给出关于页面应如何显示的“建议”，但最终由用户代理决定如何渲染页面——按照建议，没有样式表，有用户定义的样式表，通过语音合成器，等等……

Jussi Kukkonen 于 2004 年 8 月 27 日星期五下午 4:06 GMT 如此说道。

有人找到解决颜色更改的方法了吗？我收到客户的投诉，因为有些客户无法再阅读表单了，因为黄色背景和页面上的白色文字。

救命！

谢谢

Barry 于 2004 年 9 月 9 日星期四下午 4:56 GMT 如此说道。

我们有报告系统，其中的字段用于按姓名、公司、电子邮件、电话搜索帐户。然后，自动填充不合适且分散注意力（有时在颜色编码区域会遮挡），并且上面提到的禁用着色的方法将得到有效利用。

Ken 于 2004 年 9 月 28 日星期二下午 2:41 GMT 如此说道。

我们解决这个问题的唯一方法是将表单字段重命名为其他名称，例如 emClient，这让我很不高兴。而且，如果相邻的表格单元格是自动填充的单词，下一个文本框也会变成那种漂亮的黄色。如果他们改变背景颜色，同时也改变字体颜色就太好了。如果你要搞乱某些东西，就把它做好。

Timothy Haig-Smith 于 2004 年 10 月 20 日星期三上午 9:56 GMT 如此说道。

CSS 可以覆盖它吗？特别是用

input { background-color: white ! important}

Chris Weber 于 2004 年 12 月 3 日星期五下午 6:36 GMT 如此说道。

哼，我为什么不自己测试一下……

是的，这部分 CSS 似乎解决了我的问题。终于有了 !important 标签的用途。

Chris Weber 于 2004 年 12 月 3 日星期五下午 6:43 GMT 如此说道。

这个问题绝对需要经过深思熟虑和巧妙的执行。
这引出了一个事实，随着我们走向未来，更多的元素将被用户安装的第三方软件劫持。

可访问性与美学的斗争将永远困扰我们。
我想这就是工作保障。

对于这个问题，即使 Google 在安装时警告了最终用户，但谁能记住他们电脑上所有产品的所有信息呢？当然不是普通用户。我以前见过自动填充高亮功能，但我记不清了，因此搜索到了这里。

我暂时使用 !important，直到找到一个满意的解决方案。
颜色对于艺术画廊老板我正在合作的来说非常重要。
如果浏览器能够包含诸如“speech”、“colorblind”、“useroverride”或其他我们可以用来改变我们提供的页面的信息之类的属性，这可能会得到更好的解决。影响页面的第三方软件应该提供一套标准的变量来提醒网站管理员，不是让我们覆盖它们，而是让我们至少能够了解并补偿/创建替代方案。

许多用户喜欢看到视觉上吸引人的页面，不想要一个单调的互联网。
当然，其他人，例如研究型用户，可能更经常地想要严格的层次结构和单调的演示。

同时，Google 应该振作起来，至少
1) 在 Google 工具栏本身提供一个“消息”，列出它正在对页面做什么。
2) 强制设置颜色属性，使其相对于 BG 设置为可读的颜色。
3) 或者在工具栏上“闪烁”一种颜色以提醒用户页面上有自动填充，并提供视觉线索让他们看到正在收集哪些信息。

警告：如果您阅读了 Google 关于自动填充的帮助页面，您会发现他们提醒用户（那些费心阅读的人），如果用户使用自动填充，网站管理员可以从隐藏字段中获取信用卡信息。他们说你可以“按住 Shift 键”填写表单以“查看正在收集哪些信息”。如果那不是一个严重的**安全**问题……

我现在要去写信给 Google 了。;)

Jesse 于 2004 年 12 月 10 日星期五上午 7:58 GMT 如此说道。

看起来 Google 会识别字段名以及字段旁边描述用户输入的 td 文本，所以......

对于描述，请使用诸如 n a m e 而不是 name，对于文本字段名，请使用诸如 The3mail 而不是 email……我发现这可以智胜工具栏……

energy0m 于 2004 年 12 月 13 日星期一下午 8:48 GMT 如此说道。

我以为我疯了，花了 5 个小时才弄明白这个问题，更糟糕的是，其他人似乎不知道我在说什么。为什么，哦，为什么我没有先用 Google 搜索这个问题；天知道。一切安好，皆大欢喜，但我认为我还有比试图智胜 Google 工具栏更好的事情可做。

Chris 于 2004 年 12 月 15 日星期三晚上 10:24 GMT 如此说道。

回应那些说 Google 应该告诉你它在做什么的人，它确实在做！当你下载并安装工具栏时，它会带你到 Google 工具栏页面，在那里它会解释工具栏的所有功能，其中之一就是自动填充。但正如 Guy 所说（评论 #7），也许我只是那些阅读手册的奇怪人之一，所以你知道当你得到这个东西时它的所有功能。
我使用 Google 工具栏，也很喜欢它，但我确实同意自动填充功能应该默认关闭。然后那些因为这个功能而获得工具栏的人会很高兴，而我们其他人，无论是不用、不想要还是甚至不知道这个特定功能存在的人，也不会因为不得不关闭它而感到困惑和恼火。
但我们都知道那不太可能发生，因为在某人的脑子里，让它默认开启是一个好的营销策略。

Rachel 于 2004 年 12 月 18 日星期六凌晨 12:54 GMT 如此说道。

他们至少应该让网站管理员能够设置高亮颜色以与他们网站的其余部分相协调。

我们目前有一个蓝色/浅蓝色、灰色、深灰色的网站，高亮黄色会破坏设计。我很想将字段设置为一种仍然与其他颜色不同但遵循相同主题的颜色。

在页面上加入一行说明，“这是此页面的 Google 自动填充颜色”

Kit 于 2005 年 1 月 10 日星期一下午 11:16 GMT 如此说道。

大家好：让我们都感谢 Chris Weber 找到了解决方案
请看评论 #32 和 #33

评论 32
CSS 可以覆盖它吗？特别是用

input { background-color: white ! important}

Chris Weber 于 2004 年 12 月 3 日星期五下午 6:36 GMT 如此说道。

哼，我为什么不自己测试一下……

是的，这部分 CSS 似乎解决了我的问题。终于有了 !important 标签的用途。

Chris Weber 于 2004 年 12 月 3 日星期五下午 6:43 GMT 如此说道。

Yoss 于 2005 年 1 月 12 日星期三下午 2:50 GMT 如此说道。

我认为最好的解决方案就在博客文章本身中

“我认为最好也是最简单的方法就是使用 Google 工具栏无法识别的名称。”

所以，不要使用 name="name" 或 name="search" 或 name="email" 等等。例如，在一个联系表单中，我已经开始使用 name="cname", name="cemail" 等，Google 工具栏无法识别。

Patrick 于 2005 年 1 月 12 日星期三下午 2:57 GMT 如此说道。

你好。这是一个非常负面的功能，当使用深色背景和白色（甚至是黄色！）文本填写表单时。我正在蓝色背景上使用白色文本，因此在填写表单时，您无法看到文本！

Laurie

Laurie Cope 于 2005 年 1 月 17 日星期一下午 9:35 GMT 如此说道。

使用其他字段名可能会很麻烦，尤其是当您的表单与需要特定字段名的支付网关交互时。

Lisa Whitsell 于 2005 年 1 月 18 日星期二晚上 8:56 GMT 如此说道。

终于！我一直在思考这个问题好几个月了，直到现在才在网上找到任何相关信息。我开发了一个电子商务解决方案，却弄不明白为什么某些字段是神秘的黄色，而另一些则不是。而且这种情况只发生在 Internet Explorer 中，而且只发生在我的机器上。这让我抓狂。我知道这与字段名有关，因为当我更改字段名时，黄色背景就消失了。我以为是 IE 的自动完成功能，但现在我可以看到是 Google 工具栏。Google 工具栏的功能很有用，但我认为默认设置应该保持背景设置不变。如果用户想看到 Google 工具栏启用的功能，他们可以自己设置配置。Google 工具栏很棒，但不应该假定它是用户计算机上最重要的软件，并开始接管。让用户自己决定什么重要。

Clifford Barney 于 2005 年 1 月 21 日星期五下午 3:34 GMT 如此说道。

感谢 Chris 关于 CSS 的建议。我唯一的问题是，为什么使用 input 标签内的 style 标签并包含 background-color:white !important 没有起作用。内部 style 标签应该覆盖包含的 CSS。

如果有人知道原因，我欢迎评论。

谢谢，
Dina

Dina 于 2005 年 1 月 26 日星期三晚上 7:38 GMT 如此说道。

Chris，CSS 建议做得好。

我一直忽略黄色高亮，但今天在为内部网开发在线表单时，被迫寻找解决方法。

Google 搜索找到了这个页面和一个简单的解决方案。

再次感谢
Marty

Marty Young 于 2005 年 1 月 28 日星期五凌晨 4:45 GMT 如此说道。

谢天谢地我找到了这个页面！我不知道我花了多长时间才弄明白这些该死的黄色表单！一个朋友终于问我是否在使用 Google 工具栏，借此我找到了这个页面。

CSS 修复（!important）非常有效！你太棒了！

Savage 于 2005 年 1 月 30 日星期日凌晨 5:26 GMT 如此说道。

感谢这次对话。Google 既要对这个设计问题负责，也要对这个问题的出色索引负责，这让我们都能找到答案……啊，互联网的阴阳！

（无名）于 2005 年 2 月 8 日星期二下午 3:22 GMT 如此说道。

我关闭了我的 Google 自动填充，并在我的网页上提供了说明，告诉其他用户如何关闭该功能，如果他们“看到黄色”……呵呵。

但在此之前，我一直在重命名我的字段。用日语写“name”在字段名中对我有用，输入“E~mail”而不是“E-mail”则将其从电子邮件功能中移除。由于我的网站是由非常有限的受众观看的，我进行了一项民意调查，似乎我的观众（拥有 Google 工具栏的）中有 98% 的人讨厌 Google 的黄色，另外 2% 不在乎，他们怎么做都行。

Ginhoshi 于 2005 年 2 月 10 日星期四下午 4:33 GMT 如此说道。

从稍微不同的角度来看：作为一名网页设计师和 Google 自动填充的常用用户，我想确保我的表单能正确自动填充——至于用户是否让工具栏高亮显示它们，则另说。

这不是问题，直到我开始在 Firefox 中进行个人浏览，并且在设计表单时，我在 IE+Google 自动填充和 Firefox+Mozilla 自动填充插件上都测试了它们。后者正确使用了电子商务命名约定，而 Google 没有。例如，Google 工具栏将字段名 Ecom_BillTo_Postal_Name_First 自动填充为邮政（邮政编码）。

因此，找到能在这两者中都正常工作的字段名是一个挑战。有人有这方面的经验吗？我一直在搜索，但没有找到等效表，以便可以选择在两者中都起作用的表单字段。

David Taylor 于 2005 年 2 月 15 日星期二上午 10:40 GMT 如此说道。

我们来来回回，争论黄色字段、自动填充、用户和开发人员。好吧，我是一名开发者，我不在乎颜色。我很久以前就知道 Google 自动填充了。我不在乎用户是否开启它。我只想一种简单的方法来让某个字段不自动填充，因为 Google 错误地填充了它。我拥有相同的代码和相同的名称在其他地方，它工作正常，格林！我已经更改了 tb 名称、前面的标签、周围的所有文本，但它仍然错误地自动填充。只告诉我如何为所有人关闭它，至少为一个字段，我不想让用户（是的，我在这里考虑的是用户）不得不清除 tb 来输入正确的信息。

TJ 于 2005 年 2 月 24 日星期四晚上 10:01 GMT 如此说道。

附注：开发人员之所以如此痛恨这一点，是因为这是我们必须做的另一件事，因为用户不够聪明，无法遵循指示。这就是为什么我们花费数小时甚至数天来编写表单验证器，以确保用户按照他们应该做的那样去做。现在他们甚至无法填写自己的表单，我们还需要多么照顾他们。

TJ 于 2005 年 2 月 24 日星期四晚上 10:21 GMT 如此说道。

感谢这个页面。花费 4 小时试验了黄色文本字段的可能原因！您的页面结束了这场挑战。

Joe 于 2005 年 3 月 5 日星期六下午 6:26 GMT 如此说道。

好的，非常有帮助！感谢您的文章。

floook 于 2005 年 3 月 10 日星期四下午 12:40 GMT 如此说道。

有没有办法让我建议要使用的颜色？

那种特殊的黄色与我的页面很不协调。

nemo 于 2005 年 3 月 24 日星期四下午 4:27 GMT 如此说道。

我不知道我是否正确理解了这个问题，但可以肯定的是，当我选择这个网站上的一个字段时，该字段的背景就变成了黄色。不过我使用的是 Mac 上的 Firefox，没有 Google 工具栏……所以我很确定不是它！

Dan Morris 于 2005 年 3 月 27 日星期日下午 12:57 GMT 如此说道。

我简直不敢相信没人提到这一点，但黄色背景一开始就迷惑了我，因为我以为黄色代表“必填”字段，因为必填字段是许多表单的常见功能，而且它是一种很自然地用不同样式来表示的功能。

作为用户，当我错过一个“必填字段”时，我真的很恼火，因为我没有注意到它，后来又被一个醒目的红色警告提醒我填写。在我看来，任何干扰我辨认哪些字段是必填的信息都是糟糕的，而这些看似随机的黄色背景吸引了太多的注意力，以至于它们就是这样做的。

另一件事：Patrick 的评论 #42 对某些表单有效，但对我无效。

即使我将表单中的 name="name" 属性更改为 name="cname"，文本框仍然是黄色的，除非我也更改相邻表格单元格中的字段标签。Google 工具栏似乎会识别任何线索，包括嗅探相邻的标签，所以不幸的是，我还需要将文本框的标签从“Name:”更改为“cName:”，这对用户来说将是无法接受的混乱。即使我将标签改为“Your Name:”，工具栏也仍然能识别，仍然是黄色。

我只能选择最后的手段：background:white !important

david clark 于 2005 年 4 月 2 日星期六凌晨 6:15 GMT 如此说道。

另一个狡猾的事情是，如果你有一个表格单元格位于字段旁边，它上面写着“First Name”或“Surname”，那么相邻的字段文本框也会变成黄色！
我最终的做法是在表格相邻的表格单元格之间放置隐藏标签，其中包含字段的描述，例如 First Name: 变成了 name Fir，而我将字段重命名为 FirName。

Timothy Haig-Smith 于 2005 年 4 月 19 日星期二下午 2:32 GMT 如此说道。

谢谢，我终于摆脱它了！

Mark 于 2005 年 4 月 26 日星期二下午 11:53 GMT 如此说道。

我也遇到了这个问题，花了很长时间才弄明白，但都不成功。我在其他电脑上看到了它，然后——第三台电脑上没有突出显示这些字段。这对我来说没有意义，我以为是我的电脑配置或浏览器有问题？我不确定。这很有帮助。我怀疑我靠自己是找不到的。谢谢。

Voy 于 2005 年 5 月 3 日星期二晚上 9:33 GMT 如此说道。

这个帖子已经一年多了。看来这里的每个人都应该写信给 Google。事实上，将此页面推荐给他们可能是最简单的方法，因为一切都已涵盖。为了填补一两个空白……

……当黄色字段出现时，我的第一反应是：
1. 错误地认为 Microsoft 的自动更新现在会突出显示必填字段。
2. 在找不到匹配的必填字段后，我认为可能是 Microsoft 的自动更新出错了。
3. 黄色看起来很糟糕，我担心我的访客会认为这是我的主意。（更不用说我讨厌不得不忍受它的想法。）
4. 认为我的系统有问题。

与这里其他人一样，调查花费了好几个小时，直到我也终于想到进行搜索。我们小型开发人员，甚至用户所浪费的时间，都相当可观，Dean 的评论（#27）关于看起来判断力差（或者甚至对这个问题缺乏技术认识？）也是有效的。

我的进一步想法是：

a) 我看不到突出显示这些字段的真正功能——如果用户想自动填充，那就是全部或全部不填，未填写的字段会很明显。而且，请注意，我的第一个猜测是错误的。我无法想象会有什么样的未经请求的可用性测试会导致这种高亮显示。

b) 与 HTML 中的其他所有事物一样，应该尊重用户的愿望和设置。我不同意故意禁用自动填充的字段名。但我想许多 Google 工具栏用户不知道是什么导致了高亮显示（至少直到他们多次使用自动填充并注意到相关性），那么，目的又是什么呢？

c) 是的，如果网站至少能指定高亮颜色就好了，而不是完全禁用它。但我们不必这样做。高亮显示应该默认关闭，并且在自动填充关闭时也应该禁用。

d) 事实上，即使在自动填充关闭时高亮显示也不会消失，这表明这一切都是一个营销策略，让用户去调查。在我调查期间，我发现自己决定尝试使用自动填充一段时间。然而，如果这是 Google 唯一的理由，这是一种卑鄙的营销技巧，根本不足以弥补所有缺点，而且是少数让我对 Google 产生负面印象的事情之一。

e) 如果 Google 工具栏会自动填充隐藏字段，无论是否带密码，这对我来说是明确的隐私/安全风险。不仅仅是信用卡信息。例如，在某些表单中，我可能会提供我的城市，但不想提供我的姓名或电话号码。也许我误解了上面的帖子。以防万一，我现在要禁用自动填充。

Randall 于 2005 年 5 月 7 日星期六晚上 8:44 GMT 如此说道。

快速说明一下，更改字段名的建议不起作用——您还需要更改任何相关的文本：我将一个输入字段从 name="email" 更改为 name="lkjhl"，它仍然是黄色的。直到我将相邻表格单元格中的文本从“E-mail address”更改为“Quagmire”之后，输入框才变成白色背景。真是让生活艰难！

Ian 于 2005 年 5 月 23 日星期一下午 6:25 GMT 如此说道。

Chris Weber 做得好，谢谢 CSS 的 !important 标签。

Nick 于 2005 年 5 月 27 日星期五下午 3:20 GMT 如此说道。

万一您错过了，请查看上面的 #10。这两个链接告诉您关闭它或定义自定义颜色所需的所有信息。

Neil 于 2005 年 6 月 3 日星期五下午 5:24 GMT 如此说道。

真正令人恼火的是自动填充出错的时候。自动填充会忽略我的电话字段，并将号码填入表单下方的次要（发票）地址的电话字段。我尝试了重命名、正确命名等，但都没有用。啊啊啊！！！

Soni 于 2005 年 6 月 28 日星期二上午 10:52 GMT 如此说道。

这个问题困扰了我几个月。我总是为 Firefox 开发我的页面，但也在 MSIE、Netscape 和 Opera 中进行测试。神秘的黄色文本框一直让我很恼火，我甚至放弃了尝试解决这个问题。果然，一旦你停止寻找答案，它们就会找到你。

Psilokan 于 2005 年 7 月 10 日星期日下午 3:59 GMT 如此说道。

你好。我儿子很爱地在我的电脑上安装了 Google 工具栏。我当时正在从头学习设计我的第一个网站。和大家一样，我花了好几个小时才弄明白为什么某些输入框无论我分配什么背景颜色都会变成黄色。最后，我认为我的电脑或 Dreamweaver 程序有 bug。所以我决定让我的所有输入框都使用黄色背景。最终我发现了 Google 自动填充是罪魁祸首，但决定将所有输入框都保留为黄色，以免让那些访问我网站但不知道为什么某些输入框会变黄的人感到困惑。我甚至设计了我的表单，使颜色都能匹配。我最终找到了 Jenseng 网站及其文章《智胜 Google 工具栏》，并一直在一个备用网站上进行实验。非常感谢这些信息。

Shirley 于 2005 年 8 月 31 日星期三晚上 9:11 GMT 如此说道。

不仅仅是 Google/IE 问题。FIREFOX 自动填充也是如此。

Firefox 的自动填充扩展也有同样的 {highlightColor: pee-yellow} 选项，可以开启/关闭。

我喜欢 Chris 的 CSS {backgroundcolor:()!important} 声明解决方案。感谢 Dawg 发布这个话题——它也让我抓狂了！;>

Bruce 于 2005 年 10 月 14 日星期五晚上 9:14 GMT 如此说道。

我无法摆脱的下拉表单（不是背景颜色）上的丑陋蓝色选择/高亮颜色怎么办？有没有不需要图形的解决方案？谢谢

juliet 于 2005 年 10 月 21 日星期五下午 3:42 GMT 如此说道。

非常感谢 Chris Weber 关于 CSS 的宝贵信息。正如 Yoss 所提到的，!important 标签非常有用。

我还想祝贺并感谢所有花时间在此精彩小组中提供帮助和建议的聪明人。

祝大家一切顺利！

Carlos 于 2005 年 10 月 26 日星期三下午 6:00 GMT 如此说道。

我讨厌黄色！Google 应该停止了。

Yellow Box 于 2005 年 10 月 27 日星期四上午 8:48 GMT 如此说道。

非常非常感谢！！
我一直在用 CSS 做一个网站，那些黄色的字段把我逼疯了……
我以为我哪里出错了：）。

Greg 于 2005 年 11 月 26 日星期六凌晨 5:53 GMT 如此说道。

Google 是否已经发布了修复程序，或者何时会实施修复程序？

Greg 于 2005 年 11 月 26 日星期六下午 5:55 GMT 如此说道。

哎哟
我框里的文字颜色是白色，背景是普通的蓝色。

我因为我的错误以及我搞砸了什么而被抱怨了很多。

我这边看不到任何问题，所以也许自动高亮不是个好主意，或者至少它应该检查文字颜色！！！！

Paul 于 2005 年 12 月 6 日星期二上午 11:22 GMT 如此说道。

你是上帝！！！！哈哈
我和我男朋友因为这个要疯了——那些愚蠢的黄色表单字段完全破坏了我漂亮的配色方案。现在没有了。每个人都是粉色的表单字段！！！（当然，那些没有 Google 工具栏的人 :-P）
附注：Google 工具栏是邪恶的！！！
附注：我注意到，即使我们禁用了邪恶的工具栏，您也巧妙地突出显示了这里的“name”和“email”字段，颜色很漂亮……不错。

Mel 于 2005 年 12 月 8 日星期四凌晨 3:14 GMT 如此说道。

是的！important 很有帮助，谢谢你们。
我遇到了完全相同的问题，我的设计是蓝色的，文字颜色必须是白色的。自动填充将背景改为黄色，所有新用户都很困惑他们在字段中写什么，我肯定帮助了他们很多。

再次感谢

miob 于 2005 年 12 月 13 日星期二下午 5:36 GMT 如此说道。

非常感谢，伙计！你的帖子真的帮了我大忙……

k hein 于 2005 年 12 月 14 日星期三下午 1:35 GMT 如此说道。

input { background-color: white ! important}

我试过了，在安装了 Google 工具栏的 Windows 版 IE6 和 Firefox 1.5 中都没有起作用。我将样式放在外部 CSS 文件中。也尝试过内联样式。两者都未能解决问题。我禁用了 Google 自动填充高亮选项，以确认禁用后确实会消失，那么其他人是如何成功使用 CSS 来覆盖 Google 自动填充选项的？

Logan Jaeren 于 2006 年 1 月 12 日星期四晚上 10:03 GMT 如此说道。

我认为重要的是要注意，我们并不总是能控制表单输入的命名约定。例如，在 Struts 环境中，您可能正在使用 struts.apache.org/tags-html-el 标签库来生成表单输入，这些输入基于业务层对象提供的属性。或者，如其他人所指出的，您可能需要某些输入名称才能与支付网关配合使用。

另一个需要注意的重要事项是，并非所有表单都适合启用自动填充功能。例如，在一个用户总是输入自己数据的表单中，您可能想要自动填充。但在一个作为 Web 应用程序一部分的表单中，用户可能正在管理其他“用户”，这时您就不需要了。也就是说，“姓名”可能不是用户自己的姓名。

就我个人而言，我希望看到一种标准化的方法，而不是定义输入的样式，Google 工具栏而是应用一个类名给输入，然后像客户端样式表一样在内部指定样式。而且，如果这些类的样式可以被覆盖就好了。例如，假设那些被识别为自动填充字段的字段被赋予了类名

Ecom_Autofill

然后开发人员可以定义一些样式来覆盖 Google 的亮黄色背景样式。

或者，如果有一种方法可以指定该字段不打算被钱包应用程序自动完成。例如，如果一个输入（或选择）嵌套在某个类名为

Ecom_Autofill_Ignore

的容器中。

Peter Foti 于 2006 年 1 月 19 日星期四晚上 8:56 GMT 如此说道。

哇。感谢这篇文章，也感谢 Chris 的 !important 建议。幸运的是，我才刚开始测试 20 分钟。

那种黄色让表单看起来很吓人而不是友好。我们正试图说服访客注册，而那种黄色一点帮助都没有。我在我们的 Windows 测试环境中安装了 Google 工具栏用于 SEO，但不知道它在做这些。

讽刺的是，我们在 Google 搜索中排名第三找到了解决方法。

黄色文本字段。Internet Explorer。表单字段。黄色文本字段。Internet Explorer。表单字段。输入。为了让此页面排在第一位。

LVV Technology 于 2006 年 2 月 15 日星期三凌晨 12:24 GMT 如此说道。

为什么不直接关闭高亮显示？

选项 -> 自动填充设置取消勾选底部框：以黄色突出显示自动填充可以更新的网页字段。

对我来说起作用了

Clyde 于 2006 年 2 月 28 日星期二凌晨 12:03 GMT 如此说道。

非常感谢。我在 Firefox 的 Google 工具栏上遇到了这个问题，并且感到很困惑。幸运的是，在困惑了大约 10 分钟后，我在网上找到了答案。太棒了！

Kate 于 2006 年 3 月 23 日星期日下午 7:06 GMT 如此说道。

我尝试添加

input { background-color: white ! important} （参见 Chris 的评论 #32）

到 CSS 代码中，但 Google 工具栏仍然覆盖我的 CSS……有人知道为什么吗？？

谢谢！

Ashley 于 2006 年 3 月 31 日星期五晚上 10:46 GMT 如此说道。

Chris 解决了我的问题，干得好 Chris。

elyas 于 2006 年 4 月 12 日星期三凌晨 1:38 GMT 如此说道。

Google 工具栏自动填充和自动高亮功能基于一个简单的原理。它们会扫描 HTML 文档，直到找到一个 form 标签，然后开始查找具有与您浏览器中之前查看过的表单相似的标签的 input 字段。Google 工具栏然后根据该字段的标签属性突出显示任何相关字段。但是，标签属性有时会被经验不足的网页开发者忽略。为了弥补不良的设计方法，Google 工具栏还会考虑其他标准，例如元素名称，即 attribute name="myTextfield" 会与您之前填写过的任何其他表单进行比较。任何匹配都会触发工具栏的自动高亮功能。这应该能解答关于神秘黄色表单字段的所有疑问。祝好。

请访问我的 web 开发博客阅读更多关于 web 开发的内容 http://www.timmatheson.com
Tim Matheson - Web 开发博客

Tim Matheson 于 2006 年 4 月 16 日星期日凌晨 1:43 GMT 如此说道。

感谢这个提示！！！

Scott Bohler 于 2006 年 4 月 17 日星期一下午 3:23 GMT 如此说道。

我尝试在 Google 工具栏中关闭自动填充和表单字段着色，但似乎都无效。虽然我喜欢 Google 工具栏，并且向我的许多客户推荐过它，但我现在被迫告诉客户不要使用该工具栏，因为它在某些表单上会自动填充错误的字段，而且你每次使用表单时都必须逐个删除字段，再加上那个该死的黄色背景，即使关闭了它也不会消失。

Rick F McBride 于 2006 年 4 月 18 日星期二下午 2:57 GMT 如此说道。

两个问题。

CSS 修复确实有效，但会破坏标准按钮的外观，因为它们是 input 字段。
你还必须为 textareas 和 select boxes 执行此操作。

对于个人来说禁用它没问题，但要向数百名客户甚至潜在客户解释一下。许多网络用户不知道该功能是做什么的，也不知道它为什么是这样。和我一样，他们会安装 Google 工具栏，然后只看到黄色字段，而不知道原因。技术人员会搜索解决方案，最多访问者会忽略它，最糟糕的是会被它劝退。如果 Google 要有这个功能，那么它应该像其他人说的那样，默认禁用或设置为白色。

如果人们非常想使用它，他们就会启用它（我打赌大约 99% 的人不会）。

这不是设计师/开发人员试图阻止别人做事的问题，而是关于阻止外部影响破坏你的网站或让你失去业务。这有点像 BT 突然拦截你所有的电话说。如果你的电话是关于 x 的，按 1，如果关于 y，按 2……

最后。我认为这是一个重大的安全问题。

随便找一台公共电脑，去一个网站，瞧，它会显示所有可以为你输入的字段……很好，很容易被黑客攻击……干得好 Google。

Duncan Berriman 于 2006 年 4 月 23 日星期日晚上 11:05 GMT 如此说道。

幸运的是，我所有的表单字段都有一个样式（bodytext），所以以下代码有效，并且不会弄乱我的按钮。

input.bodytext { background-color: white ! important}
select { background-color: white ! important}
textarea { background-color: white ! important}

Duncan Berriman 于 2006 年 4 月 23 日星期日晚上 11:17 GMT 如此说道。

{text1}, {text2}, {text3}, {text4}, {text5}

Alex 于 2006 年 4 月 28 日星期五晚上 10:00 GMT 如此说道。

我刚刚开始尝试找出为什么会发生这种情况。
进行了一次 Google 搜索，找到了他们
造成的问题的答案…………？？！！

jaygkay 于 2006 年 5 月 24 日星期三下午 6:44 GMT 如此说道。

使用了 http://code.jenseng.com/google/ 上的脚本，洗掉了黄色！！

jaygkay 于 2006 年 5 月 28 日星期日晚上 10:00 GMT 如此说道。

我的天……非常感谢。这让我去喝酒了。我用尽了我所知的一切……结果发现是该死的 Google。禁用它后一切正常。

kofi 于 2006 年 6 月 5 日星期一晚上 9:50 GMT 如此说道。

如果 Google 想要将字段的背景颜色更改为黄色，他们也应该将文本颜色更改为黑色。因为如果你用 CSS 将输入框设置为黑色背景和白色文本，当 Google 将背景颜色更改为白色时，它是完全无法阅读的。

aubrey 于 2006 年 6 月 14 日星期三下午 1:26 GMT 如此说道。

令人惊叹的是，这样一个古老的帖子今天仍然如此相关。

我的登录表单在 4 个版本的 IE、3 个早期版本的 Netscape、FireFox 和 Opera 中看起来都很棒。没有黄色的表单字段。然而，当我运行我的脚本时，在 Netscape 8.1 中，出现了黄色的表单字段。:-(

幸运的是，我只花了几小时就找到了这个帖子。

我没有在任何浏览器上安装 Google 工具栏，所以这不是我的问题。是的，NS 8.1 有自动填充 :-(

我的意思是，这不仅是 Google 工具栏，而且是任何带有自动填充功能的浏览器。有人知道如何在 NS 8.1 中关闭它吗？？

我应用了 CSS 代码“input { background-color: white ! important}”，效果很好！

非常感谢

/louise/ 于 2006 年 6 月 18 日星期日上午 9:25 GMT 如此说道。

说得好！我的客户开始对此大发雷霆，并希望所有字段都高亮显示。我通常使用 Flash，所以 HTML 表单不是我的强项。

在我放弃并用 Flash 创建表单后很久才找到这个页面，在 Flash 中我可以完全控制它。

weis 于 2006 年 7 月 18 日星期二下午 5:03 GMT 如此说道。

由于垃圾邮件，恐怕是时候关闭此帖子的评论了。我很高兴它似乎有帮助！

Patrick 于 2006 年 8 月 10 日星期四晚上 11:34 GMT 如此说道。

另请参阅

下一页：A List Apart: 弹性设计
上一页：样式列

Dog 博客主页