登录页面常用技巧

来源：互联网发布：北航软件学院全日制编辑：程序博客网时间：2024/04/29 13:10

登录页面有很多习惯性的操作，比如打开页面，焦点在要输入的文本框；按TAB键，光标会按一定的顺序切换；输入完毕，压下回车等等，你也可以轻松实现，看下面例子：

<script language="javascript" event="onkeydown" for="document">     if(event.keycode==13)    {        document.all('tbutton').click();    }</script><body onload="window.document.forms[0].username.focus();">    <form action="" name="test" method="post">        用户名：<input type="text" name="username" tabindex="1">        密码：<input type="text" name="password" tabindex="2"><br>        <input type="button" name="tbutton value="回车" onclick="alert('已经点击！！');" tabindex="3">    </form></body>

其中脚本部分，是相应回车键的，tbutton为相应的按钮名称；body中onload为打开页面时加载操作，在此确定焦点所在，username为相应的控件名称；各个控件中tabindex为tab顺序。

附：<select name='role' disabled=1>实现只读