【问题标题】:HTML: Autofill form in bootstrap modalHTML:引导模式中的自动填充表单
【发布时间】:2015-12-10 21:38:00
【问题描述】:

在大多数 HTML 表单中,当我开始输入某些内容(例如出生日期)时,导航器会建议与以前的类似条目坐在一起。例如在html form submit,第二次访问为我提供了第一次访问条目。

但是,当使用包含表单的引导模式时,不会发生同样的情况,例如:with a form inside

我不想使用 jquery 自动完成功能,因为我没有可能的答案列表,我只想在模式内外有相同的行为。

谢谢。

【问题讨论】:

  • max namara 你是怎么解决这个问题的,其实我也面临同样的问题?

标签: html forms twitter-bootstrap bootstrap-modal


【解决方案1】:

众所周知,浏览器自动填充是不可预测的——它们根据输入的name 属性对数据进行有根据的猜测。您不太可能能够始终如一地跨浏览器获得此行为。

【讨论】:

  • 你是对的。但是,我对经典表单的自动填充感到满意,但对于模态表单,我无法获得接近自动填充的任何内容,除了用于地址的 chrome 完整自动填充,这不是我想要的。
【解决方案2】:

你可以试试这个吗:

在您的表单上添加属性 autocomplete = "on", 也许它会完成这项工作。

<form action="demo_form.asp" autocomplete="on">
    First name:<input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    E-mail: <input type="email" name="email" autocomplete="off"><br>
    <input type="submit">
</form>

来源:http://www.w3schools.com/tags/att_input_autocomplete.asp

【讨论】:

  • 感谢您的回答,但我在表单和所有字段上都尝试了该属性,但没有任何区别。
  • 顺便说一句,当我双击(或开始输入)姓名和电子邮件输入时,我会在您的链接上显示一个自动完成选项:mode87.com/untame/demo/modalcontact
【解决方案3】:

通读this article,它应该有助于让事情为你工作。

例子:

<input type="text" id="name" name="name" autocomplete="name">
<input type="tel" id="tel" name="tel" autocomplete="home tel">

【讨论】:

    猜你喜欢
    • 2018-11-28
    • 1970-01-01
    • 2016-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多