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

Question

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

这是代码的子集。 我希望帐单国家/地区的制表符顺序为13（在邮政编码和电话之间）。

<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来跟踪选项卡索引，并使用$tab_index类的PHP变量像tab_index++;那样回显和递增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都会更新，下一个正确显示为增量。