关闭→
当前位置:趣知常识网>游戏数码>互联网>HTML button标签在form表单内,点击重新加载

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

趣知常识网 人气:2.28W

本篇主要是测试form内的button按钮问题
form内的button按钮点击后,网页重新加载了。
本人新手,用于学习记录,有错误请指出,只有这样才能共同进步,谢谢!

操作方法

(01)form标签的定义与用法截图

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

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

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

(03)点击input按钮,打印出 input按钮被点击了

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

(04)点击button1按钮,打印出 button按钮被点击了,之后就重新加载该网页点击button2执行跳转网页,重新加载该网页

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

(05)测试步骤三代码中注释掉form标签,后执行3个按钮结果点击input按钮,打印出 input按钮被点击了点击button1按钮,打印出 button按钮被点击了点击button2执行跳转网页,执行跳转网页

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

(06)结论:通过form的定义以及实例测试的结果来看,button在form中点击重新刷新了该页面,不会页面的跳转。form中用 input标签 type设置button

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

(07)本篇经验全部实践通过!