所属分类：web前端开发
在本文中，我们将学习如何在 HTML 中设置元素的类型，就像我们熟悉 HTML 中的 类型一样。对于
type 属性可用于以下元素
| 元素 | 属性 |
|---|---|
| 类型 | |
| <按钮> | 类型 |
| <嵌入> | 类型 |
| <输入> | 类型 |
| <链接> | 类型 |
| <菜单> | 类型 |
| <脚本> | 类型 |
让我们通过以下示例来了解如何在 HTML 中设置元素的类型。
HTML 中的可点击按钮由
在下面的示例中，我们使用两个
微博登录
QQ登录<!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" 设置），以及提交按钮和重置按钮。
标签指定用户可输入数据的字段。最重要的表单元素是 元素。根据 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” 属性的输入按钮。
查看以下示例，我们正在运行指定了 type 属性的脚本
在下面的示例中，我们使用两个
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script type="application/javascript">
document.getElementById("tutorial").innerHTML = "Hello,Good Morning.";
</script>
</body>
</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”提到的网页上上传的音频。
