如何在 html 表单字段中显示提示？ [关闭]答案

【问题标题】：How to display hints in html form fields? [closed]如何在 html 表单字段中显示提示？ [关闭]
【发布时间】：2013-01-13 10:20:24
【问题描述】：

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

【问题讨论】：

javascript和java不一样
Java 和 Javascript 是两种完全不同的语言。此外，如果没有 Javascript，您无法更改 HTML 以显示/隐藏某些内容。

标签： javascript html hint

【解决方案1】：

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

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

【讨论】：

title 也适用于其他 html 标签，例如<td>

【解决方案2】：

您可以使用:focus CSS 伪类来实现。在输入框旁边放一个 span 并给它这个样式：

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

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

【讨论】：

【解决方案3】：

您应该使用 HTML5 并使用类似的文本字段

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

【讨论】：

OP 希望它在输入旁边
@nsthethunderbolt 成功了，谢谢。

【解决方案4】：

这是一种不使用任何 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>

希望能帮到你

【讨论】：