表单与button问题

来源:互联网 发布:关于人工智能的建议 编辑:程序博客网 时间:2024/06/14 23:03

也是做项目的时候,写了一个提交表单submit按钮,表单中间还有一些其他的button,设计的是点击表单中的button可以把那一行的内容进行翻译,点击submit会跳转到另一页。

<formname="input"action="TranslationStepThree.php"method="post">

…………

<buttontype="button"class="btnchange"name="Infra red port">在线翻译</button>

……………………

<input type="submit" value="Submit" />
</form>
结果中间发现,点击任意一个button,包括所有的在线翻译的button都会进行提交,一开始的时候不明白,后来去w3cschool查到了button的type属性:

type 属性规定按钮的类型。

提示:请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

所以是因为默认为submit的原因,把所有的button改为type="button"之后,果然就没有出这个问题了。
这段时间因为要和同学一起做公益项目写网站,了解了很多前后端的东西,包括php,js,jquery,ajax,json……感觉学到了很多,但是感觉东西太多了,根本弄不完,也非常苦恼。

0 0
原创粉丝点击