customize it based on your need using
css[
^]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
function showbaloon(elem) {
elem.style.display = "block";
}
function hidebaloon(elem) {
elem.style.display = "none";
}
</script>
<style>
.baloon {
position: absolute;
margin: 5px 5px 10px 10px;
width: 130px;
height: 15px;
font-family: arial,sans-serif;
background-color: black;
color: white;
font-size: 11px;
display: none;
}
</style>
</head>
<body>
<input type="text" onfocus="showbaloon(baloon1)" onblur="hidebaloon(baloon1)" id="LongUrlText2" value="some data" />
<div class="baloon" id="baloon1">
PRESS CTRL-C to copy
</div>
</body>
</html>