4

重複の可能性:
入力フィールドの値の一部をスタイル設定する方法はありますか?
プレースホルダーの1つの単語の色を変更する方法はありますか?

たとえば、プレースホルダーテキストが「パリ、フランスなどの世界を探索する」であるフォーム入力がある場合、CSS、jQuery、HTML5、またはその他の可能な方法で、フォーム入力内のテキストの一部のみを太字にして次のようにレンダリングできますか? :「パリ、フランスなどの世界を探索する」。

私は、プレースホルダーテキスト全体を太字にして、完全に「パリ、フランスなどの世界を探索する」と表現できる方法しか知りません。

実例として、この質問の目的は次のとおりです。

ゴール

4

1 に答える 1

5

標準のinput[type=text]フィールドでこれを実現する方法はありません。HTMLのオーバーレイを試みることはできますが、一部のブラウザーは入力フィールドをコントロールとして処理し、通常のhtmldom要素として動作しません。

私が使用するアプローチは次のようなものです。

<html>
<head>
  <style type="text/css">

    div.input { border:1px solid #aaa; width:300px; }

  </style>

</head>
<body>

    <div contenteditable="true" class="input"><strong>explore the world,</strong> e.g. paris, france</div>

</body>
</html>

お役に立てれば。幸運を。

于 2012-12-28T21:30:21.557 に答える