php - 表单中基于 php 的元素的 Tab 键顺序

Question

我目前有一个表单，其中包含一些基于 php 的元素。在表单中，当我浏览表单时会跳过这些基于 php 的元素。如何为表单中基于 php 的元素设置 Tab 键顺序？

这是代码的子集。我希望计费国家的标签顺序为 13（在 zip 和电话之间）。

<div class="controls"><input placeholder="Zip Code" name="billing_zip"  tabindex="12"  type="text" class="medium" id="billing_zip" value="<?php echo $order['billing']['zip']; ?>" /></div>
<div class="controls"><?php echo country_box($order['billing']['country'], "billing_country"); //echo Html::state_box($order['billing']['state'], 'billing_state', 'state custom mini', array('display' => 'abbrev', 'display_case' => 'upper', 'optional' => true));?></div>
<div class="controls"><input placeholder="Phone" name="billing_phone"  tabindex="14"  type="text" id="billing_phone" value="<?php echo $order['billing']['phone']; ?>"/></div>

Answer 1

要真正正确地执行此操作，您应该使用 PHP 脚本或函数生成所有这些 HTML。但是，如果这不可能或太麻烦，您至少可以使用 PHP 来跟踪选项卡索引，并使用 PHP 变量 like $tab_indexecho 和 increment like tab_index++;。一个例子：

<?php
$tab_index = 1;
?>
<input ... name='zip' tabindex='<?php echo $tab_index; $tab_index++; ?> type='text' />
<input ... name='country' tabindex='<?php echo $tab_index; $tab_index++; ?> type='text' />
<input ... name='phone' tabindex='<?php echo $tab_index; $tab_index++; ?> type='text' />

对于每一个++，tabindex 将被更新，并且下一个正确显示为递增。