2012-07-29 74 views
2

這個type =「submit」的例子在後臺有javascript嗎?<input type = submit />在幕後使用javascript

<html> 
<head> 
</head> 

<body> 
    <form action="process.php" method="post"> 
     Username: <input type="text" name="username" value=""/><br /> 
     Password: <input type="text" name="username" value=""/><br /> 
     <input type="submit" value="Submit"/> 
    </form> 
</body> 



因爲其他的方式來提交您的數據輸入到服務器是這樣的。

<html> 
<head> 
    <script> 
     function submit(form){ 
      form.submit(); 
     } 
    </script> 
</head> 

<body> 
    <form action="process.php" method="post"> 
     Username: <input type="text" name="username" value=""/><br /> 
     Password: <input type="text" name="username" value=""/><br /> 
     <input type="button" value="Submit" onclick="submit(this.form);" /> 
    </form> 
</body> 



如果是這樣那麼我們不需要的JavaScript將數據發送到服務器?我對嗎?

回答

6

如果您使用<input type='submit'>,則無需添加JavaScript。在這種情況下,即使JavaScript被禁用,瀏覽器也會提交表單。

如果你想使用JavaScript提交表單,那麼你可以使用你寫的上述方法。在這種情況下,您可以使用任何其他控件,點擊後即可提交。

因此,顯然,<input type='submit'>不使用任何JavaScript。

+0

這樣的話...... JavaScript是不是將數據發送到服務器的唯一途徑? – user1349313 2012-07-29 11:54:11

+1

是的。瀏覽器即使禁用了JavaScript也可以提交數據,即不使用JavaScript。 – 2012-07-29 11:58:21

1

您提供的示例不使用JavaScript將數據提交給服務器。默認情況下,提交按鈕會將表單中的所有信息發送到服務器。然而,您可能需要JavaScript來處理錯誤檢查和發佈等事情,而不需要單個頁面重新加載。

0

上述代碼片段中提到的示例不使用JavaScript進行表單提交。 單擊時具有type="submit"的輸入按鈕具有提交表單的默認行爲。

無論JavaScript在瀏覽器中啓用,表單都將使用提交按鈕提交。此外,我們可以通過下面的代碼片段使用javascript提交表單

document.formName.submit(); 
相關問題