1顶

按回车后可以自动跳到下一个输入框效果

稿源：互联网 2022-06-23 02:57:08 点击： 4106 撤稿纠错

按回车后，光标自动跳到下一个输入框，很方便。

以下讨论的是和相关的按回车后可以自动跳到下一个输入框效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

一、在输入分数，只动验证输入的有效性：

1、
          一定要数字（可以是小数）

2、数值不能大于小题的分值，比如输入8，就提示出错

二、为了提高输入速度，按回车后可以自动跳到下一个输入框

到最后一个输入框，回车后就跳到 提交保存 按钮，可以手工提交保存
</td>
      </tr>
    </table>
    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" onkeydown="if(event.keyCode==13)event.keyCode=9">
      <tr>
        <td><table width="300" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="104" height="36">题号</td>
            <td width="196">分值</td>
            </tr>
          <tr>
            <td height="31">第1小题(5分）</td>
            <td><input name="t1" type="text" id="t1" size="5"  /></td>
            </tr>
          <tr>
            <td height="31">第2小题(6分）</td>
            <td><input name="t2" type="text" id="t2" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第3小题(7分）</td>
            <td><input name="t3" type="text" id="t3" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第4小题(8分）</td>
            <td><input name="t4" type="text" id="t4" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第5小题(9分）</td>
            <td><input name="t5" type="text" id="t5" size="5" /></td>
            </tr>
        </table></td>
        <td><table width="300" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td width="93" height="36">题号</td>
            <td width="207">分值</td>
            </tr>
          <tr>
            <td height="31" nowrap="nowrap">第6小题(15分）</td>
            <td><input name="t6" type="text" id="t6" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第7小题(25分）</td>
            <td><input name="t7" type="text" id="t7" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第8小题(35分）</td>
            <td><input name="t8" type="text" id="t8" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第9小题(45分）</td>
            <td><input name="t9" type="text" id="t9" size="5" /></td>
            </tr>
          <tr>
            <td height="31">第10小题(55分）</td>
            <td><input name="t10" type="text" id="t10" size="5" /></td>
            </tr>
        </table></td>
      </tr>
    </table>
    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center">
          <input type="submit" name="button" id="button" value="提交保存" />
        
</td>
      </tr>
    </table>
  </form>

关于按回车后可以自动跳到下一个输入框效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016313062502.shtml方便下次再访问哦。

·上一篇： 输入框被限制输入某些类型数据
·下一篇： 单击输入框后弹出提示信息效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

按回车后可以自动跳到下一个输入框效果

文章分类LIST >>返回首页

最新游戏

最新新闻