3

読み取り専用の入力をCSSのpreまたはdivタグのように表示したいと思います。

テキストエリアを使えば簡単だと思っていたのですが、かなりの作業のようです。境界線とサイズ変更を非表示にすることはできますが、何らかの理由で、テキストエリアの高さをコンテンツによって決定することはできません。

javascriptを使用してテキストエリアのサイズを自動変更することについて多くのことを見てきましたが、javascriptを必要としない静的テキストの場合にできることはありますか？

アップデート

私はこれの目的を明確にしたかっただけです：私は書くこと、javascriptで書き直すこと、そしてフォームで単一の読み取り専用要素を送信することを探しています、そして同時に、それを強制する単一のインライン領域に制約されていません、せいぜい、スクロールし、最悪の場合、データが失われます。

更新2

リクエストに応じて、私がやろうとしていることの例を示すためにフィドルを作成しました：http: //jsfiddle.net/BUwdE/1/。

textarea[readonly] {
    width: 100%;
    border: 0;
    resize: none;
    overflow: hidden;
}

テキストエリアの高さはコンテンツによって決定されないため、コンテンツは下部で切り取られていることがわかります。

4

2 に答える 2

1

私は実際にあなたがしていたことをやろうとしました。しかし、読み取り専用の入力になるので、実際には div 要素に CSS を適用することになりました。これは私たちの頭痛を解消するハックになります。

HTML

<div class="faketextarea"> some long long text </div>

CSS

.faketextarea {
   // css of a text area 
}
于 2020-06-24T09:49:45.363 に答える
0

rows 属性を使用して HTML のテキストエリアの高さを指定できますが、これは自動的にサイズ変更されません。欲しいものを手に入れるには、W3C CSS Working Group に訴える必要があるかもしれません。

<textarea name="whatWillBeSentToServer" rows="4" readonly="readonly">
于 2013-11-20T23:39:59.123 に答える