搜尋
首頁web前端html教學html表單的幾種提交方式總結_HTML/Xhtml_網頁製作

最普通最常用最一般的方法就是用submit type..看程式碼:

複製程式碼
程式碼如下:





另外,還有一種常用的方法是使用圖片:

複製代碼
程式碼如下:





第三種是使用連結來提交表單,用到了javascript的DOM模型:

複製程式碼
程式碼如下:

這個方法其實是呼叫了一個javascript函數,使用javacript函數來提交表單,方法就非常多非常靈活了,例如可以把它加入到任何一個標籤的onclick事件中:

複製程式碼
程式碼如下:



提交



但是,如果一個表單裡有需要有多個提交按鈕怎麼辦呢?
例如一個表單裡的提交按鈕所指向的處理頁面不同,這樣由於表單在定義的時候就已經確定下表單資料的處理頁面,所以單純地在表單裡放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
先定義一個函數:

複製程式碼
程式碼如下:


程式碼如下:



程式碼如下:


function query(){
form.action=”query.php”;
form.submit();}
function update(){
form.action =”update.php”;
form.submit();} 透過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.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具