常にデフォルトのテキストで開始したいテキストエリア (または編集可能な DIV) 入力があり、ユーザーが編集することはできません。たとえば、次のようになります。
テキストボックスは常にデフォルト値で始まります:My name is
ユーザーは、次のように自分の名前を追加することができ、また追加する必要があります。My name is David
My name isデフォルトのテキストを削除することはできません。理想的には、ユーザーがその既定のテキストのどこかをクリックすると、カーソルがそのテキストの最後にジャンプするため、既定の後を除いて、何かを入力しようとする機会さえありません。バックスペースについても同様で、デフォルトのテキスト ( My name is) を削除できませんでした。
助言がありますか？Javascript/Jquery を使用する能力があります。
テキスト領域のすぐ隣にラベル (例: スパン) を貼り付けて、1 つのテキスト領域のように見えるようにスタイルを設定してみませんか。それらを並べて、CSS を使用して両方の背後に背景画像 (または CSS 境界線) を設定し、テキスト領域の外観を作成します。次に、CSS を使用してテキストエリアから通常の境界線をオフにします。かなり簡単にコーディングできるはずです。トリッキーな部分は、正しくスタイルを設定することです。テキストが別の行にあることを気にしない場合は、これを行うことができます（別の投稿から）：
または、それらを同じ行に配置したい場合（これは実際にはテキストボックスでのみ機能し、テキストエリアでは機能しないため、それらをフロートさせることができます
<div style="float:left">etc...
または、キープレス/キーアップ イベントを使用して、キープレスがテキスト全体の先頭を変更するかどうかを確認して確認し、そうであればキャンセルすることもできます。