如何在table中使用tab键？

Question

困难,只有Table支持tabIndex属性
你可以考虑在Td放用CSS定义的无边框
<input type=text style="border:1px solid">
<br>
<input type=text style="border:0px solid">

Answer 1

<table>
<tr>
<td tabindex="1">xxxx</td>
<td tabindex="2">yyyy</td>
<td tabindex="3">zzzz</td>
<tr>
<tr>
<td tabindex="4">xxxx</td>
<td tabindex="5">yyyy</td>
<td tabindex="6">zzzz</td>
<tr>
<tr>
<td tabindex="7">xxxx</td>
<td tabindex="8">yyyy</td>
<td tabindex="9">zzzz</td>
<tr>
</table>

Answer 2

加入获取焦点和失去焦点事件..<table>
<tr>
<td tabindex="1" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">xxxx</td>
<td tabindex="2" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">yyyy</td>
<td tabindex="3" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">zzzz</td>
<tr>
<tr>
<td tabindex="4" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">xxxx</td>
<td tabindex="5" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">yyyy</td>
<td tabindex="6" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">zzzz</td>
<tr>
<tr>
<td tabindex="7" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">xxxx</td>
<td tabindex="8" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">yyyy</td>
<td tabindex="9" onfocus="this.bgColor='#CCCCCC'" onblur="this.bgColor=''">zzzz</td>
<tr>
</table>

Answer 3

来个麻烦的，呵呵<STYLE>
table{border-left:1px solid black; border-top:1px solid black}
td{border-right:1px solid black; border-bottom:1px solid black}
</STYLE>
<SCRIPT language="javascript">
function goNext()
{
    event.returnValue = false;
    var oTable = document.all.tab;
    if(event.keyCode == 9)
    {
        for(var i=0; i<oTable.cells.length; i++)
        {
            if(oTable.cells[i].style.backgroundColor == "#cccccc")
            {     
                var nextCell = (i + 1) != oTable.cells.length 
                                          ? oTable.cells[i + 1] : oTable.cells[0];
                oTable.cells[i].style.backgroundColor = "#ffffff";
                nextCell.style.backgroundColor = "#cccccc";
                break;
            }
         }
    }    
}
document.onkeydown = goNext;
</SCRIPT>
<table width="50%" cellpadding="0" cellspacing="0" border="0" id="tab">
<tr>
  <td style="background-color:#CCCCCC ">xxxx</td>
  <td>yyyy</td>
  <td>zzzz</td>
</tr>
<tr>
  <td>xxxx</td>
  <td>yyyy</td>
  <td>zzzz</td>
</tr>
<tr>
  <td>xxxx</td>
  <td>yyyy</td>
  <td>zzzz</td>
</tr>
</table>