Javascript 如何在HTML表单中使用工具提示？

我在youtube上关注这个工具提示教程https://www.youtube.com/watch?v=yqKrCQcsaAA 我以为我已经搞定了，但当我使用工具提示功能时，它正在删除我的输入框

这是我的密码：

<input type="text" name="pword1" class="iBox" id="pword1" autocomplete="off"  onmouseout="HideToolTip()" onmouseover="ShowToolTip()" onkeyup="reqMetVal()" placeholder="choose a password" >

function ShowToolTip(){
    document.getElementById("pword1").style.visibility = 'visible';
}

function HideToolTip(){
    document.getElementById("pword1").style.visibility = 'hidden';
}

---

然后，当我将其启动到浏览器中进行测试时，当我将鼠标悬停在输入框上时，它将消失，并且只能通过刷新页面并在其中进行切换才能进入它

您真正需要做的是理解代码在做什么。以你现在的方式，你可以盲目地复制并粘贴一个后门到你的网站上，发现你的服务器被黑客攻击了，你根本不知道你做了什么。这就是为什么最近的social.png黑客最近如此普遍的原因

代码的功能部分包括：

onmouseout=HideToolTip onmouseover=ShowToolTip HideToolTip获取ID为pword1的元素并将其隐藏。pword1是您的输入元素，如代码中的id=pword1属性所示

基本上，当你把鼠标移出盒子时，它就消失了。您无法将鼠标移到隐藏元素上，因此无法将其取回

从你的问题中不可能确切地说出你打算做什么，但也许就是这样

函数显示工具提示{ document.getElementByIdtooltipbox.style.visibility='visible'； } 功能隐藏{ document.getElementByIdtooltipbox.style.visibility='hidden'； }

---

这是工具提示

只使用工具提示的title属性如何。好极了谢谢这很有效。我确实理解代码在做什么。虽然我对JavaScript还不熟悉，但同时也了解到我正试图在这里建立我的代表，并学习Java和Spring。所以原谅我，当我没有完全理解的时候。