Question

我正在使用包含许多子标签的标签。我想在第一个输入字段的每个子选项卡上应用HTML自动对焦。但它仅适用于在子选项卡上的第一个分配的自动对焦，其余的子选项卡自动对焦不起作用。代码：
第一个子标签：

<input type="text" class="form-control dep-name" name="currency_code" id="currencycodeid" autofocus placeholder="" onkeydown="if (event.keyCode == 13) return false;">

第二个子标签：

<input type="text" class="form-control pay-name" name="payment_name" id="paymentname" placeholder="" autofocus onkeydown="if (event.keyCode == 13) return false;">

第3个子标签：

<input type="text" class="form-control ship-name" name="shipping_name" id="shippingname" autofocus placeholder="" onkeydown="if (event.keyCode == 13) return false;">

现在，当我为每个子标签应用自动对焦时，只有第一个子标签正在工作，当我应用第二个＆amp;第3个子标签，它只在第二个子标签上工作....

Answer 1

我认为这是默认行为.autofocus属性指定应该在页面加载时关注的元素。这里作为页面加载第一个选项卡将被聚焦

Answer 2

根据您的解释工作。你只有autofocus错误的想法。

autofocus属性是一个布尔属性，它允许您指定窗体控件在页面加载时应具有输入焦点，除非用户覆盖它，例如通过键入不同的控件。 文档中只有一个表单元素可以具有自动聚焦属性，这是一个布尔值。如果将type属性设置为hidden（即，无法自动将焦点设置为隐藏控件），则无法应用它。请注意，控件的聚焦可能在触发DOMContentLoaded事件之前发生。

参考：https://developer.mozilla.org/en/docs/Web/HTML/Element/Input

输入字段的自动对焦不起作用？

2 个答案: