如何实现像百度首页上那种一点文本框，按钮就选中

百度首页上面，一点文本框，那个“百度一下”的按钮边缘就变蓝了，然后回车就相当于按那个按钮了
这个怎么实现的？谢谢~

解决方案 »

  1.   

    可以在文本框的onkeydown事件中，判断event.keyCode，如果等于13（回车），就执行点击按钮的内容，也可以触发按钮的onclick事件
      

  2.   

    按钮要变兰也可以，在文本框的onfocus和onblur中做，改变按钮的颜色
      

  3.   

    <html>
    <head>
    </head>
    <body>
    <form action="a.html">
    <input type='text' id='txtTest' />
    <input type='submit' id='btnSubmit' value='提交' />
    </form>
    </body>
    </html>
    <script>
    var txt = document.getElementById("txtTest");
    txt.onfocus = function()
    {
    document.getElementById("btnSubmit").style.border = "solid 3px green";
    }
    txt.onkeyup = function(ev)
    {
     ev = ev || document.event;
     if(ev.keyCode == 13)
     {
      document.getElementById("btnSubmit").onclick();
     }
    }
    </script>
      

  4.   


    <input type="text" onkeydown="ok()" onfocus="change()"/>
    <asp:Button id="button" runat="server" Text="百度一下" ></asp:Button>
    <script type="text/javascript">
    function ok()
    {
        
         if(window.event.keyCode==13)
         {
             __doPostBack("button","");
         }    
    }function change()
    {
        //給按鈕添加樣式
    }
    </script>
      

  5.   

    把按钮设置为webform的默认按钮就可以了
      

  6.   

      <form method="post" action="">
    <input type="text" id="" /><input type="submit" />
      </form>
    form里放一个submit类型按钮就可以了。