数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物学
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究HTML
<button> 元素的 form 属性用于指定按钮所属的表单。
以下是语法 −
<button form="id">
上面的 id 是按钮所属表单的 id。
现在让我们看一个示例来实现 <button> 元素的 form 属性−
示例
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Click to Submit</button> </body> </html>
这将产生以下输出。按钮是表单的一部分−
在上面的示例中，我们设置了一个表单并添加了表单元素−
<form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form>
与此同时，我们在表单外部设置了一个按钮−
<button type="submit" form="form1" value="Submit">Click to Submit</button>
由于我们在按钮中设置了表单 id，因此它仍然属于同一个表单。这可以通过使用 <button> 表单属性实现。
更新于：30-7 月-2019
215 次浏览
广告