html - 如何让表单字段在页面加载时立即变为事件状态？

Question

我有一个简单的表单，只有一个输入。如何在页面加载后立即突出显示输入表单字段以进行文本输入？

<!-- Modal Header -->
        <div class="modal-header">
            <h4 class="modal-title" style="text-align: center;">Enter the number</h4>
            ...

        <!-- Modal body -->
        <div class="modal-body mx-auto">
            <div class="btn-group-vertical  my-5" role="group" aria-label="Basic example">
                <input id="phoneNumber" type="tel"></input>

上下文:这是一个允许用户从网页调用电话号码的模式。目前，您必须单击输入字段才能开始输入数字。我希望用户能够在页面加载时开始输入数字，并将数字填写在表单字段中。

上面的代码片段仅显示了表单的关键部分，以供引用。如果需要更多代码，请告诉我。

Answer 1

您需要为输入添加自动对焦

    <input id="phoneNumber" type="tel" autofocus>