搜索
首页web前端html教程html表单的几种提交方式总结_HTML/Xhtml_网页制作

最普通最常用最一般的方法就是用submit type..看代码:

复制代码
代码如下:





另外,还有一种常用的方法是使用图片:

复制代码
代码如下:





第三种是使用链接来提交表单,用到了javascript的DOM模型:

复制代码
代码如下:

这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:

复制代码
代码如下:



提交



但是,如果一个表单里有需要有多个提交按钮怎么办呢?
比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数:

复制代码
代码如下:



通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:

复制代码
代码如下:






上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
如何在HTML表单中允许多个文件上传如何在HTML表单中允许多个文件上传Aug 28, 2023 pm 08:25 PM

Inthisarticle,wewilllearnhowtoallowmultiplefilesuploadsinHTMLforms.我们使用多个属性,以允许在HTML表单中进行多个文件上传。多个属性适用于电子邮件和文件输入类型。Ifyouwanttoallowausertouploadthefiletoyourwebsite,youneedtouseafileuploadbox,alsoknownasafile,selectbox.Thisiscreatedusingthe<in

如何将HTML表单数据作为文本并发送到html2pdf?如何将HTML表单数据作为文本并发送到html2pdf?Sep 06, 2023 pm 12:21 PM

html2pdf是一个JavaScript包,允许开发人员将html转换为canvas、pdf、图像等。它将html作为参数并将其添加到pdf或所需文档中。此外,它还允许用户在添加html内容后下载该文档。在这里,我们将访问表单并使用html2pdfnpm包将其添加到pdf中。我们将看到不同的示例,以向pdf添加表单数据。语法用户可以按照以下语法将html表单数据作为文本并将其发送到html2pdf。varelement=document.getElementById('form');html2

PHP文件上传教程:如何使用HTML表单上传文件PHP文件上传教程:如何使用HTML表单上传文件Jun 11, 2023 am 08:10 AM

PHP文件上传教程:如何使用HTML表单上传文件在进行网站开发过程中,文件上传功能是非常常见的需求。而PHP作为一种流行的服务器脚本语言,可以很好地实现文件上传功能。本文将详细地介绍如何使用HTML表单完成文件上传。一、HTML表单首先,我们需要使用HTML表单创建一个文件上传的页面。HTML表单中需要设置enctype属性为“multipart/form-

如何使用Java处理HTML表单?如何使用Java处理HTML表单?Aug 10, 2023 pm 02:05 PM

如何使用Java处理HTML表单?HTML表单是网页中常用的交互元素之一,通过表单用户可以输入和提交数据。而Java作为一种强大的编程语言,可以用来处理和验证HTML表单数据。本文将介绍如何使用Java处理HTML表单,并附带代码示例。在Java中处理HTML表单数据的基本步骤如下:监听并接收来自HTML表单的POST请求;解析请求的参数;根据需求进行数据处

PHP 正则表达式:如何匹配 HTML 中的所有 form 标签PHP 正则表达式:如何匹配 HTML 中的所有 form 标签Jun 23, 2023 am 10:38 AM

在Web开发中,经常需要使用正则表达式来进行字符串的匹配。在HTML中,form标签是非常重要的一个标签,因此如果我们需要获取页面中的所有form标签,那么正则表达式就成为了一个非常有用的工具。本文将介绍使用PHP中的正则表达式来匹配HTML中的所有form标签。一、HTML中的form标签form标签是HTML中非常重要的一个标签,它用于创建表单。表单是用

Ajax哪些提交方式Ajax哪些提交方式Nov 17, 2023 pm 02:55 PM

Ajax的提交方式有GET提交、POST提交、PUT提交和DELETE提交等。详细介绍:1、GET提交,是一种常见的提交方式,它通过将表单数据附加到URL中,并使用Ajax发送请求,GET请求适用于小型数据量的情况,因为它们可以在浏览器历史记录中缓存,并且可以在多个页面之间共享链接;2、POST提交,是一种更常见的提交方式,通过将表单数据包含在请求体中,并使用Ajax发送等等。

探究Ajax五种不同的提交方式探究Ajax五种不同的提交方式Jan 17, 2024 am 09:51 AM

在Web开发中,Ajax已经是一种被广泛采用的技术。简单来说,Ajax是通过JavaScript发起异步请求,通过更新页面局部内容,实现无刷新的效果。但是,Ajax的请求方式也不是仅限于GET和POST。今天,我们来深入探讨Ajax的五种提交方式,并且提供具体的代码示例。GET请求GET请求是最常见的Ajax提交方式。它将数据

常见的Ajax提交方式有五种常见的Ajax提交方式有五种Jan 17, 2024 am 11:09 AM

学习Ajax中五种常见的提交方式,需要具体代码示例简介:随着Web应用的发展和用户对交互性和实时性的需求增加,Ajax技术成为了前端开发中不可或缺的一部分。Ajax(AsynchronousJavaScriptandXML)是一种使用JavaScript进行异步通信的技术,可以在不刷新整个页面的情况下,实现与服务器的数据交互和更新页面内容。在Ajax中

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具