文本框焦点清空以及回车键提交表单的实现

1、输入框得到焦点，清空输入框

很多页面例如搜索框等，需要当鼠标焦点在输入框中时，清空输入框中内容，这个非常容易实现，请看下面代码：
<asp:textbox id="txb_KeyWord" MaxLength="20" Runat="server" Width="100px" EnableViewState="False" onFocus="this.value='';">请输入关键字</asp:textbox>
仅仅只需要在该控件代码中加入一个属性就可以，为：onFocus=this.value=''；注意是两个单引号，在前面完整的代码中this.value=''；又包括在双引号中。

2、回车键提交表单
ASP.NET页面本身没有办法自己实现，这里使用客户端的javascript脚本检查用户的每一次按键，如果为回车，那么提交表单，注意程序中两个颜色不同的控件名称必须与你的ASPX页面中的控件的名称完全一致，其中Form1为页面表单的ID，btn_Select是需要回车触发的服务器按钮的名称。
<script language="javascript">
    function KeyDownHandler()
    {
        // process only the Enter key
        if (event.keyCode == 13)
        {
            // cancel the default submit
            event.returnValue=false;
            event.cancel = true;
            // submit the form by programmatically clicking the specified button
            Form1.btn_Select.click();
        }
    }
</script>

下面是几篇相关文章
Setting the default Button for a TextBox in ASP.NET
Submitting default buttons when the user presses the Enter key - finally!

文本框焦点清空以及回车键提交表单的实现相关推荐

html表格输入框怎么左移动,当我向CSS中的文本框添加边框时，HTML表单输入会移动...
我想在登录表单上的输入字段中添加边框,但是当我添加边框时:1px纯黑色;到#登录表单输入,然后所有的文本框移出位置.当我向CSS中的文本框添加边框时,HTML表单输入会移动当用户输入不正确的凭据到表 ...
html表单输入的文本框的值,网页设计关于表单输入框的技巧代码
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...
jq html 回车提交表单,jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,documen ...
谈谈Enter回车键提交表单那些事
我们在做系统前端的时候,往往会用到form标签,采用jquery插件做表单验证.我们信誓旦旦的一位把一切都做好的时候,并且检查一遍又一遍的时候,意向不到的事情发生了,也许是出于一种意外,而这种意 ...
html5简介的文本框,HTML5实战与剖析之表单——文本框脚本
文本框类型在编写表单相关的东西的时候,通常有两个标签标示文本框:一种是单行文本框input标签,另一种是多行文本框textarea标签.这两种标签比较相似,但是他们也有区别. 如果一定要用input ...
如何实现通过回车键提交表单
对于B/S的系统,在页面控制上不如C/S系统那么控制灵活,就比如现在一个页面或用户控件里有两个按钮button1和button2,两个文本框Textbox1和Textbox2,当您想控制当焦点在Tex ...
html 禁用回车提交,HTML防止input回车提交表单
原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type=& ...
回车键提交与不提交表单的解决方法
最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下: 回车键提交表单:设置 <input /> 标签或者 <button> 标签的属性 type=" ...
html表单弹窗提示框,【前端】弹出框提交表单
[前端]弹出框提交表单发布时间:2018-11-03 22:30, 浏览次数:826 目录 * 功能描述 * 效果截图 * 代码 * html代码 * 触发弹出窗口的按钮 * js代码 * 弹出框的 ...
不同浏览器对回车提交表单的处理办法(转载)
不同浏览器对回车提交表单的处理办法(转载) 对下面的一段代码,刚开始使用 onClick 事件,在 IE 6.0 中,要按"提交"按扭才起做用,直接回车不行,而在 firefox ...

文本框焦点清空以及回车键提交表单的实现

文本框焦点清空以及回车键提交表单的实现相关推荐

最新文章

热门文章