html5里的formaction和formmethod的属性

2016-11-14  本文已影响0人  靓亮

formmethod和 formaction都是表单内属性

formaction属性的作用就是:单击不同的按钮可以将表单提交到不同的页面
formaction属性的使用方法如下代码:

<!DOCTYPE html>
<head>
  <title>formaction属性示例</title>
  <meta charset="UTF-8">
</head>                                                                             
<form id="testform" action="serve.jsp">   
<input type="submit" name="s1" value="v1" formaction="s1.jsp">提交到S1
<input type="submit" name="s2" value="v2" formaction="s2.jsp">提交到S2
<input type="submit" name="s3" value="v3" formaction="s3.jsp">提交到S3
<input type="submit">
</form>

在上面代码中action属性就是HTML4对表单内所有元素统一指定提交到serve.jsp
还有一个method属性来统一指定提交方法,method的值只有两个分别是get和post。
说明一下在form表单中只有一个action属性和method属性,然而在form表单中formmethod和 formaction属性可以有多个。

formmethod属性的作用就是:对每个表单元素分别指定不同的提交方法
formmethod属性的使用方法如下:

<!DOCTYPE html>
<head>
  <title>formmethod属性示例</title>
  <meta charset="UTF-8">
</head>
<form id="testform" action="serve.jsp"> 
  <!-- 在这个表单中s1,s2都提交到 serve.jsp里-->
    <input type="submit" name="s1" value="v1" formaction="s1.jsp" formmethod="post">
        <!-- 这个s1 提交到s1.jsp以这种post方式提交-->
    提交到S1    
    <input type="submit" name="s2" value="v2" formaction="s2.jsp" formmethod="get">
        <!--这个 s2提交到s2.jsp 以这种get方式提交 -->
    提交到S2    
    <input type="submit">
</form>
上一篇 下一篇

猜你喜欢

热点阅读