HTML button type 属性

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

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/