html表单的几种提交方式总结
2013-04-10 17:37
411 查看
最普通最常用最一般的方法就是用submit type..看代码:
另外,还有一种常用的方法是使用图片:
第三种是使用链接来提交表单,用到了javascript的DOM模型:
这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:
但是,如果一个表单里有需要有多个提交按钮怎么办呢?
比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数:
通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:
上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
<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函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
相关文章推荐
- html表单的几种提交方式总结
- html表单的几种提交方式总结
- html表单的几种提交方式总结
- 自我总结和学习表单提交的几种方式 (二)
- 自我总结和学习表单提交的几种方式 (一)
- html表单的几种提交方式总结(C#数组传库比较)
- 总结解决springmvc提交数据中文乱码的几种方式、控制台乱码
- Javascript几种跨域方式总结
- 总结C# 获取DPI的几种方式
- Spring MVC ajax提交json 方式的多种方式 总结 (具体操作请参考前面的 一二例子)
- activemq的几种基本通信方式总结
- JavaScript定义类的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- 基于MVC+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式
- android向web提交参数的4种方式总结,附带网站案例源码
- paip.程序调试的几种方式大总结
- 前端几种存储方式的总结
- 总结: 重复提交、重复刷新、防止后退的问题以及处理方式 (来自CSDN)
- 总结ASP.NET MVC视图页使用jQuery传递异步数据的几种方式
- Tomcat学习总结(5)——Tomcat容器管理安全的几种验证方式