Html From 提交

最新推荐文章于 2023-11-20 08:12:16 发布

lycgxy

最新推荐文章于 2023-11-20 08:12:16 发布

阅读量7.4k

点赞数

分类专栏： Html/javascript 文章标签： html button input action function

Html/javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

关于Html form 表单的提交，很容易。。。但如果不仔细还是能有很多错误。

提交的button name 属性为 submit form 的submit方法失效。代码如下

# < html > # < head > </ head > # < script type = "text/javascript" > # function getData(){ # document.forms[0].submit(); //这里会出错，因为他它读取的是input标签名为submit # } # </ script > # < body > # # < form id = "form1" name = "form1" method = "get" action = "http://xiayuanfeng.javaeye.com" > # < input type = "button" name = "submit" onclick = "getData();" value = "提交" > # </ form > # # </ body > # </ html >

发现 submit已经变成 form 的一个属性了，并不是方法。这下明白了吧。把submit（也就是submit方法）覆盖了。所以要注意提交表单name的命名方式不要和form 原有的方法，属性相同，这样会导致原来的form 属性方法失效。