如何让光标在按回车后自动跳到下一个输入框？

本帖最后由 dydxf 于 2010-04-25 10:31:35 编辑

解决方案 »

  1.   

    tabindex 属性设置了就会按这个顺序
      

  2.   


    <HTML> 
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <STYLE type="text/css">
    <!--
    .borderBox {
    font-size: 15px;
    border: 1px solid ;
    }
    -->
    </STYLE>
    <script language="javascript" type="text/javascript">
      function changeFocus(){
       if (event.keyCode==13 && event.srcElement.type!='button' && 
    event.srcElement.type!='submit' &&  event.srcElement.type!='reset' 
    && event.srcElement.type!='textarea' && event.srcElement.type!='' )
         event.keyCode=9;
      } 
      window.onload = function(){
    document.onkeydown= changeFocus;
       }
    </script>
    </HEAD>
    <BODY >
    <div id="content">
    <TABLE width="950" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#99CCFF">
     <FORM name="userfrm" method="post" action="http://www.baidu.com">
      <TR class="register_table_line">
        <TD width="160"  align="right" bgcolor="#E7FBFF">登录名：</TD>
        <TD width="253" align="left" bordercolor="#E7E3E7"> <INPUT name="sname" type="text" class="borderBox"  id="sname" 
    size="24" ></TD>
        <TD width="254" align="left" bordercolor="#E7E3E7">（可包含 a-z、0-9 和下划线）</TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" align="right" bgcolor="#E7FBFF" >密码：</TD>
        <TD align="left" bordercolor="#E7E3E7"> <INPUT name="pass" type="password" class="borderBox"  id="pass" size="25" ></TD>
        <TD align="left" bordercolor="#E7E3E7">（至少包含 6 个字符） </TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" height="0" align="right" bgcolor="#E7FBFF">再次输入密码：</TD>
        <TD height="0" colspan="2" align="left" bordercolor="#E7E3E7"><INPUT name="rpass" type="password" class="borderBox"  id="rpass" size="25" ></TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" height="0" align="right" bgcolor="#E7FBFF">电子邮箱：</TD>
        <TD height="0" align="left" bordercolor="#E7E3E7"><INPUT name="email" type="text" class="borderBox"  id="email" size="24" ></TD>
        <TD height="0" align="left" bordercolor="#E7E3E7"> （必须包含 @  字符）</TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" align="right" bgcolor="#E7FBFF">性别：</TD>
        <TD colspan="2" align="left" bordercolor="#E7E3E7">
    <INPUT name="gen" type="radio"   value="男" checked>男&nbsp; 
        <INPUT name="gen" type="radio" value="女" class="input">女    </TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" align="right" bgcolor="#E7FBFF">爱好：</TD>
        <TD colspan="2" align="left" bordercolor="#E7E3E7">
      <LABEL>
       <INPUT type="checkbox" name="checkbox" value="checkbox">
      </LABEL>
      运动&nbsp;&nbsp;
      <LABEL>
      <INPUT type="checkbox" name="checkbox2" value="checkbox">
      </LABEL>
    聊天&nbsp;&nbsp;
      <LABEL>
    <INPUT type="checkbox" name="checkbox22" value="checkbox">
      </LABEL>
    玩游戏 </TD>
      </TR>
      <TR class="register_table_line">
        <TD width="160" align="right" bgcolor="#E7FBFF">出生日期：</TD>
        <TD colspan="2" align="left" bordercolor="#E7E3E7">
    <INPUT name="byear" class="borderBox"   id="byear" onFocus="this.value=''" value="yyyy" size=4 maxLength=4 >
    &nbsp;年&nbsp&nbsp
       <SELECT name="bmon" class="borderBox"  >
    <OPTION value="" selected>[选择月份]
         <OPTION value=0>一月
         <OPTION value=1>二月
         <OPTION value=2>三月
         <OPTION value=3>四月
         <OPTION value=4>五月
         <OPTION value=5>六月
         <OPTION value=6>七月
         <OPTION value=7>八月
         <OPTION value=8>九月
         <OPTION value=9>十月
         <OPTION value=10>十一月
         <OPTION value=11>十二月 
      </SELECT>&nbsp月&nbsp&nbsp;
      <INPUT name="bday" class="borderBox" id="bday" onFocus="this.value=''" value="dd" size=2 maxLength=2  >
      日 </TD>
      </TR>
      <TR class="register_table_line">
        
        <TD height="35" colspan="3" align="center" bordercolor="#E7E3E7">
    <INPUT type="submit" name="yesButton" value="同意以下服务条款，提交注册信息"> </TD>
      </TR>
      </FORM>
    </TABLE>
    </div>
     
    </BODY>
     </HTML>