我们如何在HTML中设置元素的类型？-html教程-PHP中文网

示例

HTML 标签

使用脚本

HTML 标签

首页

web前端

html教程

我们如何在HTML中设置元素的类型？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 26, 2023 pm 02:45 PM

html 元素类型

我们如何在HTML中设置元素的类型？

在本文中，我们将学习如何在 HTML 中设置元素的类型，就像我们熟悉 HTML 中的类型一样。对于

type 属性可用于以下元素

元素	属性
	类型
	类型
	类型
	类型
	类型
	类型
	类型

让我们通过以下示例来了解如何在 HTML 中设置元素的类型。

HTML

HTML 中的可点击按钮由

示例

在下面的示例中，我们使用两个

<!DOCTYPE html>
<html>
<body>
   <form action="#" method="get">
      <label for="firstname">Username:</label>
      <input type="text" id="firstname" name="firstname"><br><br>
      <label for="lastname">Surname:</label>
      <input type="text" id="lastname" name="lastname"><br><br>
      <button type="submit" value="Submit">Submit</button>
      <button type="reset" value="Reset">Reset</button>
   </form>
</body>
</html>

登录后复制

当脚本执行时，它将生成一个输出，其中包含用户名和姓氏的输入字段（由 type="text" 设置），以及提交按钮和重置按钮。

HTML 标签

标签指定用户可输入数据的字段。最重要的表单元素是元素。根据 type 属性，元素可以以多种不同的方式呈现。

示例

考虑以下示例，我们使用具有两种不同输入类型的 HTML 表单，一种是文本，另一种用于提交。

<!DOCTYPE html>
<html>
<body>
   <form action="#">
      <label for="Username">Enter name: </label>
      <input type="text" id="Username" name="Username"><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

登录后复制

运行上述脚本时，它将产生一个输出，其中包括一个用于输入 type=”text” 名称的输入字段和一个具有 type=”submit” 属性的输入按钮。