form表單的提交,實現方法一般有:
1、input type="submit"
2、輸入框然后直接“Enter"
3、腳本form.submit()
.......
很多情況下我們習慣輸入信息后直接“Enter",操作方便,不用再去拿鼠標點來點去。
這個時候,有些問題就來了,“Enetr"后,表單沒有提交:
一、單純輸入框:
這是可以提交的表單:
<form action="" method="post" name="">
<label for="A">用戶名</label><input type="text" id="A" name="" />
</form>
這是提交不了的表單:
<form action="" method="post" name=""> <label for="A">用戶名</label><input type="text" id="A" name="a" /> <label for="B">用戶名</label><input type="text" id="B" name="b" /> </form>
這兩個並唯一的卻別就是多了一個輸入框,就因為這樣,所以表單不能提交,IE、FF、chrome都是如此(至於原因,暫不知,等查到在續)
二、input type="submit"
這是可以提交的表單:
<form action="www.163.com" method="post" name=""> <label for="A">用戶名</label><input type="text" id="A" name="a" /> <label for="B">用戶名</label><input type="text" id="B" name="b" /> <input type="submit" /> </form>
但是如果<input type="submit" />的display:none;visibility:hidden的話,在不同瀏覽器就會出現不同的狀況,IE\chrome一樣不能提交,ff可以提交。
這可能是瀏覽器特有的機制,類似的情況還有:我們在美化radio checkbox的時候,一般都會將其隱藏,然后通過美化label,並由label for屬性來實現l在實現選中,但是在IE就會無效