Javascript 如何确保光标自动出现在问题下方的文本空间中，以便用户可以立即开始编写答案？

我只是想确保当页面加载时，文本框中的光标开始闪烁。这段代码已经编写好了

<input
  #inputElement
  type="{{ fieldData.type || 'text' }}"
  id="form-input"
  class="fi-input-general input-form"
  placeholder="{{ fieldData.placeholder || 'Type your answer' }}"
  [(ngModel)]="modelValue"
  matInput
  (input)="handleDataChange()"
  yr-integer
/>

使用

focus（）

方法在页面打开时设置元素的焦点

document.getElementById("form-input").focus()

---

有两种方法可以做到这一点

首先，将

autofocus

属性添加到输入元素。

<input type="text" name="name"><br>
<input type="text" name="id" autofocus><br>
<input type="text" name="department"><br>

---

使用JavaScript设置元素的焦点。您可以使用HTML输入属性autofocus来实现它，

# HTML

<input type="text" name="name"><br>
<input type="text" name="id><br>
<input type="text" name="department"><br>

# JAVASCRIPT

document.getElementsByName("id")[0].focus()