4

ユーザーが入力した入力値を保存するために使用される非常に長いphpフォームがあります。入力ボックスの横にヒントを表示したい。このHTML 入力フィールドのヒントは知っています が、これは私の目標ではありません。ユーザーがそれぞれのフィールドを選択すると表示/非表示になる入力ボックスの横に表示したいと考えています。(JavaScriptがわからないので、javascriptなどではなくhtmlでこれが欲しいです。)

4

4 に答える 4

17

HTML5を使用し、次のようなテキストフィールドを使用する必要があります

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

于 2013-01-29T18:41:33.853 に答える
9

:focusCSS疑似クラスでそれを行うことができます。入力ボックスの横にスパンを配置し、次のスタイルを指定します。

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

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

于 2013-01-29T18:38:45.250 に答える
6

title次のような引数を使用できます。

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

于 2013-01-29T18:37:54.010 に答える
5

これは、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>

私が助けてくれることを願っています

于 2013-01-29T18:46:36.970 に答える