html表单提交的几种方法

原文地址:http://www.ijser.cn/?p=34

最普通最经常使用最一般的方法就是用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>

可是,假设一个表单里有须要有多个提交button怎么办呢?

比方一个表单里的提交button所指向的处理页面不同,这样因为表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交button是没有办法达到目的的。这就须要javascript。

首先定义一个函数:

<script language=javascript>

function query(){

form.action=”query.php”;

form.submit();}

function update(){

form.action=”update.php”;

form.submit();}

</script>

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

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

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

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

</form>

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

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

html表单提交的几种方法,布布扣,bubuko.com

时间: 2024-10-06 08:23:14

html表单提交的几种方法的相关文章

form表单提交的几种方法

<form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> <table> <tr> <td>姓名:</td> <td> <input type="text&qu

js阻止表单提交的两种方法

<body>     <form action="clock.html" method="post" onsubmit="return checkLength()">         <p>name:<input type="text" name="user" id="user"></p>         <input t

jsp 表单提交,request.getRequestDispatcher方法 及 response.sendRedirect 路径问题

在jsp页面中,等提交表单数据时,最好用觉得路径. 写法如下: <form action ="<%=request.getContextPath()%>/do_login.jsp" method="post"> 其中 request.getContextPath() 方法是取得当前项目的根目录位置. 这种用法叫做 “绝对路径” 使用绝对路径的好处是不太容易出错.缺点是目标路径字符串容易写的很长(如果目录层数过深的话).如果使用相对路径,有时路

form表单提交的两种方式 button和submit的使用方法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpass

form表单提交的两种方式

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpass

获取表单提交的数据getParameter()方法

请求对象:request public String getParameter(String name); 通过request的getParameter(String name)方法获取 表单里面的name信息 示列: HTML代码 <input type="text" name="userName"> Jsp代码 Sring userName=equest.getParameter("userName"); request 存储的数

关于表单序列化的三种方法

表单序列化: 方法1:serialize(): 就是把表单信息序列化成一个字符串 (认为最常用 的方法) <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $

jquery表单重置另一种方法

页面中按钮为<a>标签时,点击取消按钮,表单内容重置,需要给form表单id="form": <a class="demo_one1" onclick="shut()">Cancel</a> function shut(){ $("#form").get(0).reset();}

接收表单参数的几种方法

1.第一种     Map<String, String[]> paramMaps = request.getParameterMap();//接受参数 String  表单名=((String[]) paramMaps.get("表单名"))[0]; 获取表单数据时总是用request.getParameter(“name”),根据表单中的name值获取value值,需要获取几项就得重复写几次getParameter,而request.getParameterMap方法则