テキストエリアの入力をデフォルトのテキストで始める

Question

私はいつもデフォルトのテキストで開始したいテキストエリア（または編集可能なDIV）入力を持っていますが、ユーザは編集できません。ですから、例えば：

テキストボックスには、常にデフォルト値で始まります：彼らはMy name isを削除することはできませんMy name is David

：My name is

ユーザーができ、そのように、自分の名前を追加するために必要とされるであろうデフォルトテキスト。理想的には、ユーザーがそのデフォルトテキストのどこかをクリックすると、カーソルはそのテキストの最後にジャンプするので、デフォルトの後を除いて何かを入力しようとする機会はありません。バックスペースでも同じですが、デフォルトのテキスト（My name is）は削除できませんでした。

提案がありますか？私はJavascript/Jqueryを使用する能力を持っています。

Answer 1

テキスト領域のすぐ横にラベル（つまりスパン）を貼り、テキスト領域のようにスタイルを変更するだけではどうでしょうか。それらを一直線に並べ、テキストエリアの外観を作成するためにcssを使用して、両方の背後に背景イメージ（またはCSSボーダー）を設定します。次に、cssを使用してtextareaから通常の罫線を外します。かなり簡単にコーディングする必要があります。トリッキーな部分はちょうどそれが正しくスタイルを取得しています。

http://jsfiddle.net/eAW2U/

をそれとも、（同じ行にそれらをしたい場合にのみ、テキストボックスのために働くことになる：あなたは別のライン上にあるテキストを気にしない場合は（別のポストから）これを行うことができます本当に、ないTEXTAREA、あなたは彼らに

<div style="float:left">etc... 

または代わりに、あなたがチェックし、キー入力が全体のテキストの先頭を変えてしまうので、それをキャンセルした場合になるかどうかを確認するためにキー入力/からkeyupイベントを使用することができますが浮くことができます。