1

入力する前に、入力フィールドは事前定義されたサイズ (画面幅の 2 行) です..:( 行と列の値で定義したように何も取得しません.. 例: 入力フィールドはまだ固定されています...変更は表示されません.

徐々に、テキストを導入するにつれて、入力フィールドの高さが増加し、導入されたテキスト全体が表示されます。

しかし、私が必要とするのは、テキストフィールドの独自の高さと幅を定義することです...そして、入力されたテキストが増えると、フィールドは徐々に増加するはずです。

私が使用しているコードは次のとおりです。

<div data-role="content">
<form method="post" name="login" data-ajax="false">
<label for="textarea"><h3><u>Add Comment</u> : </h3></label>
<textarea cols="8" rows="50" name="textarea" id="comment">
</textarea>
</form>
<div>
4

5 に答える 5

5

これを行うにはいくつかの方法があります。

cols & rows 属性を使用できます...

​$("textarea").​​​​​​attr("rows", 20)​​​​​​;
​$("textarea").​​​​​​attr("cols", 25)​​​​​​;

または幅と高さを直接設定します...

​$("textarea").​​​​​​height(200);
​$("textarea").​​​​​​width(250);

上記は明らかにページ上のすべてのテキストエリア要素に影響するため、テキストエリアに ID を指定し、それをセレクターとして使用することをお勧めします。

于 2012-08-09T10:00:03.817 に答える
2

テキストエリアのサイズを事前に設定する必要がある場合は、HTML 自体でサイズを宣言します。

<textarea id="Summary" style="height:100px; width:250px"></textarea>
于 2012-10-18T02:09:43.543 に答える
1

これはここで回答されています: JQuery Mobile textarea: how does it use 'rows' attribute?

つまり、css アイテムに !important フラグを追加します。

.custom_class {
  height: auto !important; /* !important is used to force override. */
}
于 2014-05-13T22:05:20.023 に答える
0

これを試して..

$("textarea#comment").​​​​​​css({'height':'100px', 'width':'250px'});

フィドル

于 2012-08-09T10:02:58.663 に答える