[JavaScript] 自動送出(submit)表單(form)資料

在使用私人或公司網路時，使用者常會被要求要輸入帳號密碼，一天一次可能都嫌麻煩，不過若是只要一鍵點擊就可登入的話是不是方便許多呢！

比方說我們現在需要透過網頁來登入使用，從網頁原始碼中我們可以看到該網頁的一些我們要填寫的基本資訊

<div id="signup-form">
    <form action="authentication.php" method="post">

        <p><label for="login">Username</label>
        <input id="user_login" name="username" size="30" type="text" />
        </p>

        <p><label for="password">Password</label>
        <input id="user_password" name="password" size="30" type="password" />
        </p>

        <p><input class="button" name="commit" type="submit" value="Log in" /></p>
  
    </form>
</div>

在 form 的 action 可能要更改認證的網址，而在 input 的 tag 中可預先填入需要填的值，比方說在 username 中我們可以加上 value="your username"，也就是變成像下面這樣

<input id="user_login" name="username" size="30" type="text" value="your username" /><br/>

而密碼的部分也是如此，這樣以後就不須再輸入帳密了，接著要如何自動送出這個 form 呢？首先我們要先為這個 form 取個名字，這樣才知道要送誰的資料，在 form 後面加上要取的名字 id，比方說取名叫 form1

<form id="form1" action="authentication.php" method="post">

而透過 id 名稱我們可以對他做我們想做的事，為了可以自動送出表單，我們在 form 標簽結尾的地方加個 javaScript

</form>
<script type="text/javascript">form1.submit();
</script>

這樣就可以自動送出表單啦