输入类型=用户名登录和保存密码的编号

Question

考虑此表格

<form action="/user" method="post" accept-charset="UTF-8"><div>
<input placeholder="Mobile number" name="name" value="" size="60" maxlength="60" type="number">
<input placeholder="Password" type="text" name="pass" size="60" maxlength="128" autocomplete="off">
<input type="submit" name="op" value="LOGIN">
</form>

在我的应用中，我使用电话号码登录用户。我想让此输入显示数字键盘，因此我们使用input type=text

input type=number代替

但是，这会导致某些浏览器似乎无法将此字段识别为用户名，因此，当我使用chrome mobile时，它不再提供用户名下拉自动填充功能并填充以下input type=password。

下拉菜单中的自动完成用户名（用于填充密码）是可见的，并且可以在Chrome桌面上使用，但不能在Chrome移动版上使用。

Answer 1

您需要添加自动完成属性，以帮助浏览器了解正在发生的情况。这应该有所帮助。