设置正确的自动填充用户名和密码

Question

在我的有角度申请中，我有一个注册表格，该表格具有以下顺序相同的字段

1）电子邮件ID

2）otp

输入otp后，以下字段将可见

3）全名

4）密码

最后一个元素是“提交”按钮。

当我们单击提交按钮时，浏览器会提示用户保存用户名和密码。

我希望自动填充功能将电子邮件保存为用户名，但将全名作为用户名。我尝试添加一个填充了Email的隐藏字段，但是它在Firefox上有效，在Chrome上却可以工作

还有其他方法可以通过不编辑表单元素的顺序来实现这一目标吗？

为输入添加html

<input type="email" [(ngModel)]="email" name="userName" required />
 <input type="text" [(ngModel)]="fullName" name="fullName" id="fullName" #fullName="ngModel" dirname="fullName"  />
<input [(ngModel)]="password" id="pwd" type="password" name="password" #password="ngModel"  required />

请指导

谢谢！