HTML <ins> Tag

HTMLWeb DevelopmentFront End Technology

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 −

 Live Demo

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

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>
raja
Published on 16-Sep-2019 11:12:58
Advertisements