1

我有一个表格形式的 html 表格，学生必须在其中填写他的科目（一旦完成，表格看起来就像一个课程表）。我在修改选项卡的行为时遇到问题，以便我希望它垂直移动，而不是默认的从左到右移动，以允许用户以这种方式填充所有类：

       MON

7 - 8

8 - 9

9 - 10

等等，而不是由

       MON    TUES    WED

7-8

有没有简单的方法来实现这一目标？关于如何在不使用文本框表的情况下获得学生的课程表的建议也受到欢迎。

编辑： 没有看到太多用处tabindex，因为我正在以从左到右的方式创建表格

for($h=0; $h<sizeof($time); $h++) {
        echo "<tr><td> " . $time[$h] . "</td>";
        for($i=0; $i<DAYS; $i++)
            echo "<td><input type='text' name='subject[]' id='subject' autocomplete='off' tabindex='" . $k . "'></td>";
        echo "</tr>";
    }
4

3 回答 3

3

tabindex为该输入文本字段提供

<input type='text' tabindex="0">
<input type='text' tabindex="1">
<input type='text' tabindex="2">
于 2013-05-17T07:20:24.830 回答
2

我认为您可以将 tabindex 用于这些事情。http://www.w3schools.com/tags/att_global_tabindex.asp

于 2013-05-17T07:19:24.807 回答
1

在您的代码中，您可以添加一些值来保留 tabindex。例如，如果您知道有$time行，则可以使用

for($h=0; $h<sizeof($time); $h++) {
    echo "<tr><td> " . $time[$h] . "</td>";
    for($i=0; $i<DAYS; $i++)
        echo "<td><input type='text'... tabindex='" . ($i*count($time)+$h+1) . "'></td>";
    echo "</tr>";
}

那么这$i*count($time)+$h将具有唯一的 tabindex，while$i是一列并且$h是一行。

编辑

我编辑了不tabindex应该添加的代码。此处的代码http://phpfiddle.org/main/code/c7i-120是您想要的工作示例。01

于 2013-05-17T07:41:10.717 回答