Question

我想制作一个文本来显示和隐藏在我制作的输入框中。我知道它应该是这样的：

onmouseover=this.style.display="block";
onmouseout=this.style.display="none";

我只是不知道该把它放在哪里。我应该把它放在<input>吗？这是我的HTML代码：

<html>
<head>
    <link rel="stylesheet" href="CSS.css"/>
    <script src="JavaScript.js"></script>
</head>
<body onload= "load();">
    <span id="imvite">Invite:</span>
    <input /><br></br>

    <span id="time">Time:</span>
    <input /><br></br>

    <span id="place">Place:</span>
    <input /><br></br>
</body>
</html>

当我在<input>文本一直显示之后编写它时，它甚至不在文本框中。像这样：

<span id="imvite">Invite:</span>
<input /><br></br>

<span id="time">Time:</span>
<input /><br></br>

<span id="place">Place:</span>
<input onmouseover=this.style.display="block"; my text here />

如何使用这些功能使文本在文本框中显示和消失？

我希望我能清楚，谢谢你的帮助。

Answer 1

这是你想要做的吗？

小提琴：http://jsfiddle.net/AtheistP3ace/8nL9gr1h/

HTML：

<input onmouseover="this.value='my text here';" onmouseout="this.value='';" />

Answer 2

试试这个：

<input
    onmouseover="this.value=this.getAttribute('data-value');" 
    data-value="text" 
    onmouseout="this.value='';" 
/>

Answer 3

<input
    onmouseover="this.value=this.getAttribute('data-value');" 
    data-value="text" 
    onmouseout="this.value='';" 
/>

工作，有点问题，当你鼠标移出时，你输入的任何内容都会被删除，当你再次鼠标移动时，它只会显示文字。另一个答案（如果您希望所有内容都包含在一个HTML文档中，则可能无效）是为您的输入添加一个类并将其赋予：将鼠标悬停在CSS文件中并将该文件链接到HTML的头部，放置任何内容更改CSS中的样式。

在HTML中输入文本框内的onmouseover / out

3 个答案: