什么是HTML中的Type
Type 是HTML中的一个属性，它定义了HTML元素中使用的数据类型。它可以应用于input、button、script、style等标签中，有不同的取值类型。Type属性可以用来指定要作为输入的数据类型或定义脚本的类型等。下面详细介绍type属性的各种取值类型。
1. input标签中的Type
input标签 是HTML中最常见的标签之一，可以用来获取用户输入的数据。Type属性将定义input包含的数据类型。下面是Type属性可以包含的数据类型：
text： 在input标记中定义此类型时，该input元素将作为一种文本输入框，用户可以输入任何文本。下面是标签代码：
<input type="text" value="Enter your text...">password: 在input标记中定义此类型时，该input元素将作为一种密码输入框，其输入内容将被隐藏。下面是标签代码：
<input type="password" value="Enter your password...">checkbox: 在input标记中定义此类型时，该input元素将作为一种复选框，用户可以选中或取消该选项。如果要定义多个复选框，它们必须具有相同的name属性。下面是标签代码：
<input type="checkbox" name="vehicle" value="Bike"> I have a bike</input>
<input type="checkbox" name="vehicle" value="Car"> I have a car</input>
radio: 在input标记中定义此类型时，该input元素将作为一种单选按钮，用户可以从一组预定义的选项中选择一个。如果要定义多个单选按钮，同样必须具有相同的name属性。下面是标签代码：
<input type="radio" name="gender" value="male"> Male</input>
<input type="radio" name="gender" value="female"> Female</input>
file: 在input标记中定义此类型时，该input元素将作为一种文件上传框，允许用户选择上传的文件。下面是标签代码：
<input type="file">submit: 在input标记中定义此类型时，该input元素将作为一种提交按钮，用于向服务器提交表单数据。下面是标签代码：
<input type="submit">reset: 在input标记中定义此类型时，该input元素将作为一种重置按钮，可用于将表单中的值重置为默认值。下面是标签代码：
<input type="reset">2. script标签中的Type
script标签 用于在HTML页面中引入JavaScript代码，Type属性将定义script代码的类型。下面是Type属性可以包含的数据类型：
text/javascript: 这是默认的脚本类型，可以定义多个script元素。下面是标签代码：
<script type="text/javascript">
function sayHello() {
alert("Hello!");
}
</script>
text/css: 此类型定义的样式表中包含CSS代码。 下面是标签代码：
<script type="text/css">
body {
background-color: #282c34
}
</script>
3. style标签中的Type
style标签 用于在HTML页面中定义CSS样式。Type属性将定义样式表的类型。下面是Type属性可以包含的数据类型：
text/css: 是默认的样式表类型，定义了一个与HTML标记一起使用的样式表。 下面是标签代码：
<style type="text/css">
h1 {
color: red;
font-size: 30px;
}
</style>
总结
HTML中的Type属性定义了HTML元素中使用的数据类型。
在input、button、script、style等标签中，Type具有不同的取值类型。
input标签中的Type可以定义文本、密码、单选按钮、复选框、文件上传框、提交按钮和重置按钮等输入类型。
script标签中的Type可以定义脚本类型，如text/javascript和text/css等。
style标签中的Type可以定义样式表的类型。
知道了Type属性的不同取值类型，我们可以更准确地指定标记，获得更好的交互体验和页面格式。