1

私はウェブアプリを作っています。その中には、フォームが「読み取り専用」である場合があります。これをHTMLでシミュレートするために、コンテンツを含むすべての(動的に作成された)テキストボックスが無効になるようにします。これは十分に機能しますが、テキストが非常に多く、すべてが一度に表示されない場合(特に複数行のボックスで)、ユーザーがその中をスクロールする方法はありません。また、別の問題は、無効になっているテキストボックスからテキストをコピーして貼り付けることができないことです。

したがって、私が必要としているのは、テキストボックスのコンテンツを変更できないようにする方法ですが、テキストを選択すると、スクロールバーが機能します。

また、私はFirefox 3.5でこれをテストしていますが、IEにも同様の問題があると思います(両方と互換性のあるものをお願いします)

4

3 に答える 3

5

JSを使用する:

<input type="text" readonly="readonly" onfocus="this.blur();" />

overflow:auto;また、おそらく代わりに( CSSで)スクロール可能なdivを作成しますか?

于 2009-11-03T15:53:29.093 に答える
3

<div>静的な高さ/幅の要素を単純に使用するのはどうoverflow: autoですか?必要に応じて、スタイルを追加して、のように見せることができ<textarea>ます。

于 2009-11-03T15:52:42.310 に答える
2

編集:飲み込んだタグを表示しました。今では理にかなっています。

this.blur()は選択を不可能にするだろうと私は思います。

<input type="text" readonly>

役立つはずです。HTML4とXHTML1.0は互換性があります。ただし、将来の互換性(つまり、HTML 5)についてはわかりません。

于 2009-11-03T15:54:47.413 に答える