数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会科学
时尚研究
法律研究HTML
<button> 元素的 type 属性用于设置按钮的类型。以下是语法 -
<button type="button|submit|reset">
上面，我们展示了为按钮元素设置的不同类型，即：submit -
- button：一个可点击按钮
- submit：提交按钮（提交表单数据）
- reset：它是一个重置按钮，可以将其重置为初始值。
现在我们看一个示例，在 HTML 中实现按钮元素的 type 属性 -
示例
<!DOCTYPE html> <html> <body> <h2>Investor Information</h2> <p>Give the information about the investor interested in funding:</p> <form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
这将产生以下带提交和重置按钮的输出 -
在上面的示例中，我们创建了一个带有表单元素和按钮的表单 -
<form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>
按钮类型已设置为创建提交以及另一个按钮，该按钮用于重置 -
<button type="submit" value="Submit"> Submit </button> <button type="reset" value="Reset"> Reset </button>
更新于： 30-Jul-2019
115 浏览量
广告