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标签

作者:terry,如若转载,请注明出处:https://www.web176.com/html_element/7442.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年12月2日 下午4:28
下一篇 2022年12月2日 下午4:41

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注