form表單提交一些問題


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就會無效


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM