HTML ins 标签

htmlweb developmentfront end technology更新于 2025/11/21 17:16:17

HTML 中的 <ins> 标签用于显示已添加的文本,例如新内容、更新价格等。

以下是 <ins> 标签的属性 −

  • cite − 一个 URL,用于显示新文本的添加时间。
  • datetime − 插入文本的日期和时间。

示例

现在让我们看一个在 HTML 中实现 <ins> 元素的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Player Details with Reporting Time</h2>
<form>
<p>These are the <ins>details with reporting time</ins>:</p>
<fieldset>
<legend>New Details:</legend>
Player: <input type="text"><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">
</fieldset>
</form>
</body>
</html>

输出

这将产生以下输出,显示带有下划线的文本,因为我们已使用 <ins> − 对其进行了设置

在上面的示例中,我们在 <form> 元素中有一个包含 4 个元素的字段集

<fieldset>
<legend>New Details:</legend>
Player: <input type="text"><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">
</fieldset>

在此之前,我们设置了使用 <ins> 标签添加的文本 −

<p>These are the <ins>details with reporting time</ins>:</p>

相关文章


有用资源