HTML <ins> Tag

The <ins> tag in HTML is used to display a text which have been added, for example, new content, updated price, etc.

Following are the attributes of the <ins> tag −

cite − A URL that would tell when the new text was added
datetime − The date and time when the text was inserted.

Example

Let us now see an example to implement the <ins> element in HTML −

<!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>

Output

This will produce the following output displaying an underlines text because we have set it using <ins> −

HTML <ins> Tag

In the above example, we have a fieldset in the <form> element, with 4 elements

<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>

Before that, we have set a text which is added using the <ins> tag −

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