<button> 和 <input type="button" /> 有什么区别?

htmlweb developmentfront end technology

在 HTML 中，<input type=”button> /> 用于在 HTML 表单中创建按钮。在 <button> 标签内，您可以放置文本或图像等内容。但是，使用 <input> 标签创建的按钮则不能。

让我们看一个按钮和 <input type=”button” /> 的示例

HTML <button> 标签

它用于在 HTML 表单内以及 <button> 内创建按钮。标签，您可以放置文本或图片等内容。

以下代码将向按钮 − 添加图片

示例

您可以尝试运行以下代码，使用 <button> 标签向按钮 − 添加图片

<!DOCTYPE html>
<html>
   <body>
      <button onclick="alert('Learn HTML')">
         <img src="https://www.cainiaomax.com/html/images/html-mini-logo.jpg"
            alt="Learn HTML" height="80" width="100">
      </button>
   </body>
</html>

HTML <input type=”button” />

"提交"按钮会在点击时自动提交表单。使用 HTML 表单，您可以轻松获取用户输入。<form> 标签用于通过添加表单元素来获取用户输入。type 属性用于在 <input> 标签内添加按钮。

示例

您可以尝试运行以下代码来了解 <input type=”button”> 的用法

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Button</title>
   </head>

   <body>
      <form action="/new.php">
         Student Name:<br>
         <input type="text" name="sname">
         <br>
         Student Subject:<br>
         <input type="text" name="ssubject">
         <br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>