html表单的几种提交方式总结

 我来答
休冬亦0g4
推荐于2017-09-23 · 知道合伙人数码行家
休冬亦0g4
知道合伙人数码行家
采纳数:946 获赞数:4543
潭州教育咨询网络营销SEO

向TA提问 私信TA
展开全部

最普通最常用最一般的方法就是用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 onclick=”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” onclick=”query();” value=”查询”> 
<input type=”button” name=”update” onclick=”update();” value=”更新”> 
</form>


上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数. 
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.

刘世媛aa
高粉答主

推荐于2019-11-16 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:351
采纳率:100%
帮助的人:11万
展开全部

html表单有三种提交方式。

1.通过submit按钮提交:

2.通过一般按钮button提交

3.通过超链接提交

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
千锋教育
2016-07-12 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
最普通最常用最一般的方法就是用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 onclick=”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” onclick=”query();” value=”查询”>
<input type=”button” name=”update” onclick=”update();” value=”更新”>
</form>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
上嘉家居装饰
2017-06-16 · 超过81用户采纳过TA的回答
知道小有建树答主
回答量:94
采纳率:0%
帮助的人:140万
展开全部
最普通最常用最一般的方法就是用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 onclick=”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” onclick=”query();” value=”查询”>
<input type=”button” name=”update” onclick=”update();” value=”更新”>
</form>
上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.

有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
2018-05-23 · TA获得超过82.9万个赞
知道大有可为答主
回答量:2602
采纳率:100%
帮助的人:168万
展开全部
最普通最常用最一般的方法就是用submit type.代码如下:

123

<form name="form" method="post" action="#"> <input type="submit" name="submit" value="提交"> </form>

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

123

<form name="form" method="post" action="# "> <input type="image" name="submit" src="btnSubmit.jpg"> </form>

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

123
<form name="form" method="post" action="#"> <a href="javascript:form.submit();">提交</a> </form>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式