【问题标题】:Is there a HTML5 way of pre-filling an email form field with a value previously entered in another email form field?是否有一种 HTML5 方法可以使用之前在另一个电子邮件表单字段中输入的值预先填写电子邮件表单字段?
【发布时间】:2020-03-05 12:03:05
【问题描述】:

我有一系列表单,一个接一个,每个都有不同的 URL。

有一次有一个电子邮件地址表单字段,然后在另一个表单中,有第二个电子邮件地址表单字段:根据我的应用程序,第二个通常应该得到与第一个相同的值,所以我想用第一个值预填充第二个。

是否有一些简单的原生 HTML5 方法来实现这一点,还是我需要以编程方式实现?

【问题讨论】:

  • 您必须使用 jquery 或带有 onkeyup 事件的 js 来执行此操作。
  • 这取决于您如何在生产中进行部署。如果您只有静态 html,没有客户端脚本,也没有服务器端交付,那么我看到的唯一选择就是对地址​​进行硬编码。另一方面,如果你使用客户端脚本,你有很多选择,比如隐藏字段、上下文变量、全局变量、占用空属性等。如果你去服务器端部署,你可以考虑服务器端预填充跨度>
  • 即时回答您的问题;不。您必须以编程方式执行此操作,因为没有其他方法可以确保该值。你为什么要两次要求价值?如果您已经有电子邮件,为什么还要再要求它?如果是因为您需要以某种方式将值从一个页面转移到另一个页面以保留该值以供以后使用,您可以POST 将其转移到另一页面,或使用GET。随你喜欢。

标签: javascript html forms


【解决方案1】:

如果用户设置了自动填充并且使用最佳实践正确构建了表单,则用户可以集中输入并选择可用的电子邮件地址。

如果您想使用以前在您的网站/用户会话中使用的值,那么以编程方式将是可行的方法。

这篇文章对帮助您遵循表单最佳实践很有帮助。

https://developers.google.com/web/fundamentals/design-and-ux/input/forms

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-05-22
    • 2021-03-12
    • 1970-01-01
    • 2014-03-10
    • 1970-01-01
    • 1970-01-01
    • 2012-08-31
    • 1970-01-01
    相关资源
    最近更新 更多