html5里的formaction和formmethod的属性

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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • html5解决了:web浏览器之间的兼容性很低、文档结构不明确等功能。 一、Html5和Html4的区别 (1)语...
    徐慕熹微阅读 2,332评论 5 34
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,149评论 19 139
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,436评论 0 16
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 35,199评论 18 399
  • 小黄豆: 今天是2017年8月17日,周四,农历6月二十六。你已经24周+4天了,距离你来和爸妈碰面还有108天。...
    燕平说阅读 421评论 1 3

友情链接更多精彩内容