HTML button标签的 form 属性

返回到:HTML button标签

本节课,我们学习HTML button标签的 form 属性。

定义和用法

form 属性规定按钮属于一个或多个表单。

HTML 4.01 与 HTML5之间的差异

form 属性是HTML5的新属性。

语法

<button form="form_id">

属性值

描述
form_id按钮所属表单的 id。 如需引用一个以上的表单,请使用空格分隔的列表。

浏览器支持

除了Internet Explorer浏览器,其他主流浏览器都支持 form 属性。

实例

位于表单之外的提交按钮(但是仍然是表单中的一部分):

<form action="demo-form.php" method="get" id="nameform">
First name: <input type="text" name="fname" /><br>
Last name: <input type="text" name="lname" /><br>
</form>
<p>下面的按钮是在表单元素外,但仍是表单的一部分。</p>
<button type="submit" form="nameform" value="提交">提交</button> 

返回到:HTML button标签

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

7 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago