在本文中，我们将学习如何在 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 属性， 元素可以以多种不同的方式呈现。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
示例
考虑以下示例，我们使用具有两种不同输入类型的 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” 属性的输入按钮。
使用脚本
查看以下示例，我们正在运行指定了 type 属性的脚本
示例
在下面的示例中，我们使用两个
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script type="application/javascript">
document.getElementById("tutorial").innerHTML = "Hello,Good Morning.";
</script>
</body>
</html>
运行上述脚本时，将弹出输出窗口，显示文本“你好，早上好”。在网页上。
HTML 标签
可以使用
示例
考虑以下示例，我们使用带有 type 属性的 HTML
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="https://gaana.com/song/praise-the-lord-da-shine" type="audio/mpeg">
</audio>
</body>
</html>
当脚本执行时，它将生成一个输出，其中包含在 type=“audio/mpeg”提到的网页上上传的音频。
