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就会无效

原文地址:https://www.cnblogs.com/tellme/p/2443770.html