2015-04-29 182 views
0

我正在使用一個字段的表單處理基本着陸頁。這是我第一次進入表格,所以如果這是基本的或明顯的,請原諒我。HTML表單提交問題

下面是窗體的代碼:

<form action="#" method="post" onsubmit="alert('Thank you - we'll send an invite soon.')"> 
    <p><label for="email">ENTER YOUR EMAIL: </label><input type="email" id="email" name="email"/> 
    <input name="Submit" type="button" value="Submit"/></p> 
</form> 

正如你所看到的,這是很基本的。但是,提交按鈕不起作用;你必須按回車鍵才能提交表格。最重要的是,我無法使onsubmit警報正常工作。我已經嘗試了幾千種不同的配置,並取得了最小的成功,而且我處於我的繩索末端。

+0

在JavaScript字符串單引號也會造成一些問題......我們會 –

+1

改變你的'類型=「按鈕」''入類型=「提交」的' – Zoxac

+0

可能重複[提交一個窗體使用](http://stackoverflow.com/questions/9694608/submitting-a-form-using-input-type-button) – Zoxac

回答

2

type="button"不是提交按鈕。這是一個「什麼都不做」的按鈕,你可以掛起JavaScript。

您正在尋找type="submit"

3

更改按鈕類型提交

<input name="Submit" type="submit" value="Submit"/> 
3

改變按鈕類型提交併修復你的Javascript,你有一個額外的撇號:

<form action="#" method="post" onsubmit="alert('Thank you - we will send an invite soon.');"> 
    <p><label for="email">ENTER YOUR EMAIL: </label><input type="email" id="email" name="email"/> 
    <input name="Submit" type="submit" value="Submit"/></p> 
</form> 
+0

你可以簡單地使用反斜槓來轉義撇號if你喜歡。 – encoded

-2

因爲你要提交一個表單你桅杆使用input type = submit。例如:

<input type="submit" value="Submit"/></p> 

也可以指定表單操作值。 例如

<form action="index.html" method="post">