html基础之表单提交方法

痛定思痛。 2022-03-30 06:16 208阅读 0赞

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

<form name=”form” method=”post” action=”\#">

<input type=”submit” name=”submit” value=”提交">

</form>

另外，还有一种常用的方法是使用图片：

<form name=”form” method=”post” action=”\# ">

<input type=”image” name=”submit” src=”btnSubmit.jpg”>

</form>

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

<form name=”form” method=”post” action=”\#”>

<a href=”javascript:form.submit();”>提交</a>

</form>

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

<form name=”form” method=”post” action=”\#”>

<div οnclick=”javascript:form.submit();”>

<span>提交</span>

</div>

</form>

> 但是，如果一个表单里有需要有多个提交按钮怎么办呢？

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

首先定义一个函数：

<script language=javascript>

function query()\{

form.action=”query.php”;

form.submit();\}

function update()\{

form.action=”update.php”;

form.submit();\}

</script>

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

<form name=”form” method=”post” action=”\#”>

<input type=”button” name=”query” οnclick=”query();” value=”查询”>

<input type=”button” name=”update” οnclick=”update();” value=”更新”>

</form>

上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数.

有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML之表单

表单是什么，表格和单元格组成？我觉得这样理解有误。其实表单在互联网这个时代无处不在。

骑猪看日落/ 2024年05月05日 06:52/ 0 赞/ 59 阅读

相关 html中form表单提交和阻止表单提交的细节

[如何阻止表单提交][Link 1] [HTML禁止表单提交方法][HTML] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

朱雀/ 2022年11月25日 00:35/ 0 赞/ 830 阅读

相关 html表单php数据,php-以HTML表单提交画布数据

如何在PHP CodeIgniter表单中提交Canvas内容？表单上的输入之一是用于绘图或网络摄像头照片的画布. 我创建了一个标签< input name =“ pic

缺乏、安全感/ 2022年11月12日 13:50/ 0 赞/ 222 阅读

相关模拟html post表单提交

设置好表单账号密码，然后访问指定地址。成功后跳转到首页 html 打开自动提交  <!DOCTYPE html>

古城微笑少年丶/ 2022年11月04日 12:27/ 0 赞/ 226 阅读

相关 html ajax提交表单实例,jQuery使用ajaxSubmit()提交表单示例

/ \ 登录 \ @return \/ public String login() \{ HttpServletRequest request= Servle

曾经终败给现在/ 2022年10月10日 02:15/ 0 赞/ 227 阅读

相关 html表单赋值提交,js 提交表单与表单赋值实例代码

例子，javascript代码实现提交表单与赋值操作。复制代码代码示例: " value=". . ." class="btnLook" style="" onClic

电玩女神/ 2022年10月09日 02:33/ 0 赞/ 263 阅读

相关 html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。 Bootstrap 实例 - 提交表单验证 //---> function checksubm

骑猪看日落/ 2022年10月07日 11:57/ 0 赞/ 425 阅读

相关 html基础之表单提交方法

最普通最常用最一般的方法就是用submit type..看代码： <form name=”form” method=”post” action=”\"> <input ty

痛定思痛。/ 2022年03月30日 06:16/ 0 赞/ 209 阅读

相关 html form表单提交验证

function check(){ var name = document.getElementById("name").value; if

红太狼/ 2022年03月28日 15:53/ 0 赞/ 403 阅读

相关图片提交表单方法

把图片作为按钮的背景来提交 <input type="submit" value="" style="cursor:pointer;margin-top:10px; w

超、凢脫俗/ 2021年11月26日 16:46/ 0 赞/ 410 阅读