1 2 3 4 5 6

廣告

網友您好,若是您覺得我寫的工具或文章對您有幫助,
而您或者您的朋友有在博客來購物,可以透過底下連結

如何在博客來購物贊助網站或是點選計數器下方的博客來圖示來讓網站可以永續經營。

2010年10月25日 星期一

Javascript:當使用者按下Enter鍵時,表單自動送出

在設計網頁表單輸入時,如果需要在使用者按下鍵盤Enter時,就可以把表單送出,這時候就需要靠Javascript來幫忙,底下是可以執行的範例。
將底下的Javascript放在<head></head>之間

<SCRIPT TYPE="text/javascript">
<!--
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;
if (keycode == 13)
   {
   myfield.form.submit();
   return false;
   }
else
   return true;
}
//-->
</SCRIPT>


底下為form的內容

<FORM ACTION="../cgi-bin/mycgi.pl">
name:     <INPUT NAME=realname SIZE=15><BR>
password: <INPUT NAME=password TYPE=PASSWORD SIZE=10
           onKeyPress="return submitenter(this,event)"><BR>
<INPUT TYPE=SUBMIT VALUE="Log In">
</FORM>
參考資料:Submit The Form When The User Presses Enter

沒有留言:

贊助

彰化一整天粉絲團