如何在 html 表单域中显示提示

How to display hints in html form fields?

本文关键字：显示 提示 表单 html      更新时间：2023-09-26

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

你应该使用 HTML5 并使用文本字段，例如

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

你可以

使用:focus CSS伪类来做到这一点。在输入框旁边放一个跨度，并赋予它这种样式：

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

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

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

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

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

希望我能帮忙

相关文章：