2

私は持ってい<textarea>ます。400px X 400pxなど、特定のサイズがあります。その中に入力できます。しかし、スペースを残した後に入力できるはずです。バックスペースを使用するなど、テキストをクリアすると、カーソルがそこで停止するはずです。

以下は、私が言おうとしていることを示す画像です。

レイアウト

div 内の div のようなものです。オレンジ色のスペースにテキストが表示されないようにする必要があります。これは、div がオーバーレイとして機能し、その下にテキストが残る可能性があるという意味ではありません。単純なオーバーレイの問題ではありません。HTMLとCSSのみを使用してこれを行うにはどうすればよいですか?

4

1 に答える 1

1

を使ってみることができますHTML5 ContentEditable。

HTML コード

<div id='wrapper'>
    <div id='box'></div>
    <div contenteditable='true' id='edit'>
    </div>
</div>

CSSコード

#box {
    background-color : orange;
    width : 100px;
    height : 100px;
    float : left;
    margin : 0 10px 10px 0;
}
#wrapper {
    border : 1px solid red;
    padding : 10px;
}
#edit {
    height : 300px;
}

JSFiddle デモ: http://jsfiddle.net/6gkHV/2/

これが役立つかどうかを確認してください。

于 2013-08-18T17:07:10.627 に答える