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