HTML button标签在form表单内,点击重新加载

HTML button标签在form表单内,点击重新加载

本篇经验主要是测试form内的button按钮问题

form内的button按钮点击后，网页重新加载了。

本人新手，用于学习记录，有错误请指出，只有这样才能共同进步，谢谢！

form标签的定义与用法截图

下图是form内button按钮的HTML代码

点击input按钮，打印出 input按钮被点击了

点击button1按钮，打印出 button按钮被点击了，之后就重新加载该网页

点击button2执行跳转网页，重新加载该网页

测试步骤三

代码中注释掉form标签，后执行3个按钮结果

点击input按钮，打印出 input按钮被点击了

点击button1按钮，打印出 button按钮被点击了

点击button2执行跳转网页，执行跳转网页

结论：通过form的定义以及实例测试的结果来看，button在form中点击重新刷新了该页面，不会页面的跳转。

form中用 input标签 type设置button

本篇经验全部实践通过！