Question

我有一个非常长的php表单，用于保存用户输入的输入值。我想在输入框旁边显示提示。我知道这个HTML input field hint 但这不是我的目标，我想在输入框旁边显示它，当用户选择相应的字段时，输入框将出现/消失。（我想用html而不是javascript等，因为我不懂JavaScript。）

Answer 1

您应该使用HTML5并使用

等文本字段

<input type="text" placeholder="enter input" title="Enter input here">

Answer 2

您可以使用:focus CSS伪类来完成此操作。在输入框旁边放一个范围并给它这种风格：

.hint { display: none; }
input:focus + .hint { display: inline; }

JSBin：http://jsbin.com/inilot/1/edit

Answer 3

这是一种不使用任何Java {script}代码的CSS技术：

<style>
.ami div {display:none}
.ami:hover div {display:block}
</style>
<a class=ami href="#">Please hover me <div>I show only when you over</div></a>
</html>

希望我帮助

Answer 4

您可以使用title这样的参数：

<input title="hint" ... />

如何在html表单字段中显示提示？

4 个答案: