HTML button标签的 formaction 属性

返回到：HTML button标签

本节课，我们学习HTML button标签的 formaction 属性。

定义和用法

formaction 属性覆盖 form 元素的 action 属性。

该属性与 type=”submit” 配合使用。

HTML 4.01 与 HTML5之间的差异

formaction 属性是 HTML 5 中的新属性。

语法

<button type="submit" formaction="URL">

属性值

值	描述
URL	规定将表单数据发送到的地址。可能值： 绝对 URL – 完整的页面URL地址(如：href=”http://www.example.com/formresult.html”) 相对 URL 地址 -指向当前网站的一个文件(如：href=”formresult.html”)

浏览器支持

Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formaction 属性。

注意： Internet Explorer 9 及更早IE版本不支持 formaction 属性。

实例

带有两个提交按钮的表单（带有不同的 action），第一个提交按钮将表单数据提交到 “demo_form.html”, 第二个提交按钮将表单数据提交到 “demo_admin.html”：

<form action="demo_form.html" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">提交</button><br>
<button type="submit" formaction="demo_admin.html">提交</button>
</form> 

点击第一个提交按钮后显示结果：

First name:输入的内容
Last name:输入的内容

点击第二个提交按钮后显示结果：

demo-admin页面:
First name:输入的内容
Last name:输入的内容

返回到：HTML button标签