草庐IT

html - iOS Safari 正在用同样的东西自动填充每个字段吗？

coder 2024-01-17 原文

我正在构建一个简单的表单，用户可以在其中输入他们的姓名/电子邮件和 friend 的姓名/电子邮件。示例代码如下。

在除 iOS Safari 之外的所有浏览器中，自动填充功能仅完成前 2 个字段，但我的 iPhone 正在用我的名字填写字段 1 和 3，用我的电子邮件填写字段 2 和 4。

如果我完全删除“名称”属性，问题仍然存在。如果我随后删除字段前的文本或以不同方式拼写名称/电子邮件，问题就会停止。就好像 iOS Safari 正在看到一个有“名称”的字段，并认为它是同一件事。

有什么办法解决这个问题吗？我只希望它只完成前 2 个字段，而使用 autocomplete="off"什么都不做。

<div>My name: <input name="fullName" type="text"></div>
<div>My email: <input name="email" type="email"></div>
<div>Friend's name: <input name="friendFullName" type="text"></div>
<div>Friend's email: <input name="friendEmail" type="email"></div>

编辑 #1

我刚刚尝试在其他使用类似表单设计的网站上复制这个问题，我也遇到了这个问题。

在 iOS Safari 中打开它并尝试自动填充您的姓名/电子邮件:http://www.rightmove.co.uk/sendPropertyToFriend/sendPropertyToFriend.html?propertyIds=63218243&from=%2Fproperty-for-sale%2Fproperty-63218243.html

如果这听起来像是一个错误，我会向 Apple 报告并关闭这篇文章。但是 Apple 解决问题的速度太慢了，所以如果存在解决方法，那就太好了。

编辑 #2

Chrome 按预期工作 - 它会自动填充前两个字段，并且只有在您单击/点按这些字段中的任何一个并选择自动填充选项时才会自动填充其他两个字段。

最佳答案

因此，我可以在适用于 macOS 的 Safari 10.1.2 中重现此错误，并且我测试了一些场景以查看它发生的确切时间。您的发现与我的非常一致 - 如果该字段有 name或 email在它前面的文本中，和/或在它的 HTML 中 name=属性，Safari 将其识别为可自动填充。

因此，虽然这个双管齐下的解决方案有点老套，但它肯定会阻止字段自动填充:

  1. 隐藏 name=这些字段的属性以删除这些关键字。我用过 friendFn而不是 friendFullName , 和 friendEm而不是 friendEmail .

  2. 使用装饰::before CSS 属性以 Safari 在自动填充时无法检测到的方式标记这些字段。

您可以在下面的代码片段中看到这些更改。希望这对您有所帮助!

[data-label]::before {
  content: attr(data-label) ': ';
}
<div>My name: <input name="fullName" type="text"></div>
<div>My email: <input name="email" type="email"></div>
<div data-label="Friend's name"><input name="friendFn" type="text"></div>
<div data-label="Friend's email"><input name="friendEm" type="email"></div>

关于html - iOS Safari 正在用同样的东西自动填充每个字段吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45633051/

在用Safaricode34sectionhtmliosiphone

有关html - iOS Safari 正在用同样的东西自动填充每个字段吗？的更多相关文章

  1. ruby-on-rails - 使用 Ruby on Rails 进行自动化测试 - 最佳实践 - 2

    很好奇，就使用ruby​​onrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提

  2. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  3. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  4. ruby - 难道Lua没有和Ruby的method_missing相媲美的东西吗？ - 2

    我好像记得Lua有类似Ruby的method_missing的东西。还是我记错了？ 最佳答案 表的metatable的__index和__newindex可以用于与Ruby的method_missing相同的效果。 关于ruby-难道Lua没有和Ruby的method_missing相媲美的东西吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/7732154/

  5. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

    我有一个表单，其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在？solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

  6. ruby-on-rails - form_for 中不在模型中的自定义字段 - 2

    我想向我的Controller传递一个参数，它是一个简单的复选框，但我不知道如何在模型的form_for中引入它，这是我的观点:{:id=>'go_finance'}do|f|%>Transferirde:para:Entrada:"input",:placeholder=>"Quantofoiganho?"%>Saída:"output",:placeholder=>"Quantofoigasto?"%>Nota:我想做一个额外的复选框，但我该怎么做，模型中没有一个对象，而是一个要检查的对象，以便在Controller中创建一个ifelse，如果没有检查，请帮助我，非常感谢,谢谢

  7. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  8. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  9. ruby - RuntimeError(自动加载常量 Apps 多线程时检测到循环依赖 - 2

    我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样？我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用，需要1秒才能返回，我有100,000多个页面要访问，所以我试图运行多个线程来解决这个问题。有更好的方法吗？classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("

  10. ruby-on-rails - 在 Rails 和 ActiveRecord 中查询时忽略某些字段 - 2

    我知道我可以指定某些字段来使用pluck查询数据库。ids=Item.where('due_at但是我想知道，是否有一种方法可以指定我想避免从数据库查询的某些字段。某种反拔？posts=Post.where(published:true).do_not_lookup(:enormous_field) 最佳答案 Model#attribute_names应该返回列/属性数组。您可以排除其中一些并传递给pluck或select方法。像这样:posts=Post.where(published:true).select(Post.attr

随机推荐