美文网首页
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的属性

    formmethod和 formaction都是表单内属性 formaction属性的作用就是:单击不同的按钮可以...

  • 增强的表单Form功能

    所有元素必须放到表单form中或者指定form属性 新增属性 表单内部,可省略form属性 formaction属...

  • HTML5 - 草稿

    一、结构标记 头部 导航 内容,可包含 和 侧边 页脚 二、表单标记属性 form formaction 提交给不...

  • h5学习笔记-form

    form属性 from属性可以让表单元素写在表单外边,也就是说表单属性可以绑定表单 formaction form...

  • HTML5 表单属性

    HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性新属性:1.autocomplete2...

  • 为HTML5 placeholder占位文字添加css样式

    placerholder属性是HTML5中的新属性。 定义和用法: placeholder属性提供可描述输入...

  • html5之新增表单属性

    html5新增了许多表单属性。这里主要分为 属性和 属性,当然还有关于checkbox的和label标签的属性我们...

  • HTML5 表单属性

    HTML5 的新的表单属性 本章讲解涉及 和 元素的新属性。 新的 form 属性: autocomple...

  • HTML 5 Video + DOM

    HTML5

  • HTML HTML5新增标签属性整理

    HTML5 新增属性详解 HTML5 新增标签详解 HTML5 新增全局属性详解

    网友评论