jquery - モバイルアプリケーションでテキスト入力要素のサイズを変更する方法は?

Question

HTMLテキスト要素のサイズを変更しようとしているモバイル用のアプリケーションを設計しています。しかし、「サイズ」属性は影響を示していません。どうすれば同じことができますか？

前もって感謝します。

Answer 1

サイズを動的に変更するには、css()jQueryのメソッドを使用します。

$("#element").css({
    width: 100,
    height: 100
});

またはjQueryなしの別の方法：

with (document.getElementById("element").style) {
    width = "100px";
    height = "100px";
}

---

静的サイズを設定するには、CSSwidthとheightプロパティを使用します。

Answer 2

size属性は古代の遺物です。

CSSを使用してinput要素の寸法を定義します。

Answer 3

HTML

<input type="text" class="input-text" />

CSS

.input-text
{
width:300px;
height:30px;
font:Verdana, Geneva, sans-serif;
font-size:30px;
}