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

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

操作方法

  • 01

    form标签的定义与用法截图

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

    本篇经验全部实践通过!

(0)

相关推荐

  • 防止form表单重复提交(java后端解决重复提交问题)

    在javaweb方向做开发的小伙伴们,肯定都会遇到表单重复提交的问题.这种问题出现的原因或者说应用场景大致如下:网络延迟,服务器未能及时做出响应,导致用户不断重复点击提交按钮用户双击有意识的双击或者多 ...

  • 如何解决系统注册表文件丢失或损坏无法加载?

    有时电脑开机过程中,按电源键强制关机,或者突然停电等导致电脑异常关机,会导致windows系统注册表文件丢失或损坏.当注册表文件出现问题后,开机过程会提示系统未能启动,并提供两种解决办法,一是用修复光 ...

  • Linux以form表单形式上传文件讲解

    先cd到要上传文件的目录下: root@iZ2zee1przeygbuu4rkwvxZ:/usr/local/test# ls 1.png DSC_0192.JPG test.apk 使用curl - ...

  • Html 表单标签元素

    Html form 表单区域标签元素 form表单目录 Form表单区域标签语法与结构 Form表单区域标签使用说明 案例html代码 DW软件里截图 html form表单总结 操作方法 01 Fo ...

  • HTML表单标签

    表单标签 表单以一个标签开始.用户注册网站会员,投票等等都需要表单来实现.当然了,仅仅依靠XHTML是无法处理这些表单的,如果你想处理这些表但你需要使用一些类似PHP和ASP的网页后台技术.(顺便说一 ...

  • 表单form里的属性介绍

    在我们添加一个表单时会有一串表单的代码,如下: 表单名称:设置唯一标识这个表单的名称,只有设置表单名称,才可以使用脚本语言(如javascript或vbscript)引用或控制这个表单,如果不命名表单 ...

  • HTML中的表单

    表单结构,文本栏.密码栏.隐藏栏.复选栏.单选栏.窗体栏位.区块栏位.按钮.图像按钮.允许上传文件.表单的外框和标题.元件的次序和快捷键. 操作方法 01 表单结构: <form>...& ...

  • 怎样用html写一个简洁的提交表单?

    怎样用html写一个简洁的提交表单? 操作方法 01 新建一个html文件,写上html的头部. 02 写上form表单的外壳.<form></form> 03 为form这个 ...

  • 学习html制作网页:表单试题及代码

    HTML中的表单大多数用form表单来收集用户的数据,将用户填写的数据通过get或者post的方式传递出去,下面简单介绍form表单中的几种常见的标签 操作方法 01 新建一个HTML文件,命名为my ...