在开发过程中,一直被一个问题困惑,那就是如果页面中有好几个逻辑上的表单,如果用户点击分别对应的按钮自然是可以处理的。可是,如果直接在输入表单内容后点击回车,这时表单会提交,却不会被处理。
以往的经验,就要写js脚本来搞定了,今天终于找到了一个超简便的方法。
我们只需要在表单的父容器上,设置DefaultButton这个属性就好了,把它的值设置为我们希望用户点击的那个按钮,这样,当用户按回车时,就会精确的提交我们所希望的表单了。
例子:
<asp:Panel ID="pnlLogin" runat="server" CssClass="right_login" DefaultButton="btnLogon">
<table>
<tr>
<td><p>用户名:</p></td>
<td><asp:TextBox ID="tbxUsername" runat="server" CssClass="login"></asp:TextBox></td>
</tr>
<tr>
<td><p>密码</p></td>
<td>
<asp:TextBox ID="tbxPassword" runat="server" CssClass="login" TextMode="Password"></asp:TextBox>
<asp:Button ID="btnLogon" runat="server" CssClass="searchSubmit" Text="登录" onclick="btnLogon_Click" />
</td>
</tr>
</table>
</asp:Panel>
如此设置之后,用户点击回车和点击“登录”按钮的效果是一样的,很符合用户习惯,也很方便,不是么?
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/gaoyunpeng/archive/2009/07/26/4381760.aspx