0

入力要素の上にスタイル付きのラベルを配置できるかどうか疑問に思っていました。入力要素内に配置された画像を見て、その要素が受け入れる入力の種類を示しました。たとえば、ログイン フォームでは、ユーザー名はユーザー アイコンで表され、パスワードは鍵のアイコンで表されます。そのようなラベルを貼る方法はありますか?!

アイコン画像を含む入力要素を示すサンプル画像!

4

3 に答える 3

1

アイコンの場合は、入力と小さなパディングに追加background-imageするだけなので、テキストがアイコンと衝突することはありません:

<input style="background-image: url(key.png) top left no-repeat;
              padding-left: 20px;">

プレースホルダー テキストが必要な場合は、placeholder属性があります。

于 2013-06-17T04:46:33.263 に答える