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

百变鹏仔 3个月前 (09-22) #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” 属性的输入按钮。

使用脚本

查看以下示例，我们正在运行指定了 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”提到的网页上上传的音频。

文章推荐

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

HTML 标签

示例

HTML 标签

示例

使用脚本

示例

HTML 标签

示例

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8