时间戳

首页 > 解决方案 > 在角度输入键后如何聚焦按钮

html - 在角度输入键后如何聚焦按钮

问题描述

假设我在一个角度组件中有以下形式。单击输入键后如何专注于登录按钮？

<form class="mt-4" #contactform="ngForm">
  <input type="text" class="form-control" aria-describedby="emailHelp" placeholder="" [(ngModel)]="model.eMail" required>
  <input type="password" class="form-control" placeholder="" [(ngModel)]="model.password" required>
  <button type="button" class="btn btn-primary btn-lg btn-block" (click)="onClickSend(contactform)">Log in</button>
  <button type="button" class="btn btn-primary btn-lg btn-block">Clear</button>
</form>

提前致谢。

标签： htmlangular

解决方案

将登录按钮更改为输入“提交” - 输入键将触发它。

<button type="submit" class="btn btn-primary btn-lg btn-block" (click)="onClickSend(contactform)">Log in</button>

您还可以在表单标签上使用 ngSubmit 而不是单击：

<form class="mt-4" #contactform="ngForm" (ngSubmit)="onClickSend(contactform)">
    <button type="submit" class="btn btn-primary btn-lg btn-block">Log in</button>
</form>

推荐阅读