Javascript 单击输入文本字段时显示定位标记

我想在用户使用javascript在输入文本字段内单击时，在文本输入下方显示一条带有链接（锚定标记）的消息

<div class='container'>
    <label for='email' >Email Id*:</label><br/>

    <input type='text' name='email' id='email' maxlength="50" /><br/>
    <span id='contactus_email_errorloc' class='error' style="font-size: 14px;color:#D32626;background-color: #fff;
font-weight: 800;"></span>

</div>

电子邮件Id*：

有人能解释一下怎么做吗？

我想可以

    <div class='container'>
        <label for='email' >Email Id*:</label><br/>

        <input type='text' name='email' id='email' maxlength="50" /><br/>
        <span id='contactus_email_errorloc' class='error' style="font-size:14px;color:#D32626;background-color: #fff; font-weight: 800;"></span>

        <div id="my-link"></div>
    </div>

    var x = document.getElementById("email");
    x.addEventListener("focus", myFocusFunction, true);

    function myFocusFunction() {
        var str = "New Link";
        var result = str.link("https://www.google.com");
        document.getElementById("my-link").innerHTML = result;
    }

电子邮件Id*：

如果单击了

，此示例将显示带有

href

的

锚定。[仅使用Javascript]



函数myFunction（）{
document.getElementById（“anchorElem”）.style.display=“inline”；
}
电子邮件Id:



单击转到：
尝试一下



电子邮件Id*：



函数displayLink（）{
document.getElementById（'e'）.innerHTML='Some Random Text'；
}
“实现此逻辑的正确方法是什么？”-提出此问题的正确方法是首先告诉我们您迄今为止的研究结果@Neetu yadav：你能看看解决方案并通过接受最合适的答案来结束问题吗？l.g.karolos谢谢karolos