美文网首页
html5里的formaction和formmethod的属性

html5里的formaction和formmethod的属性

作者: 靓亮 | 来源:发表于2016-11-14 23:52 被阅读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>
    

    相关文章

      网友评论

          本文标题:html5里的formaction和formmethod的属性

          本文链接:https://www.haomeiwen.com/subject/qfjkpttx.html