16

箱のサイズを大きくしました。Dream Weaver のデザイン ビューでは大きく見えますが、ブラウザでは機能しないようです。

<input type="text" **height="60%"**  name=" item" align="left" />
4

5 に答える 5

16

入力フィールドの高さを増やしたい場合は、入力フィールドline-heightのcssプロパティを指定できます。

input {
    line-height: 2em; // 2em is (2 * default line height)
}
于 2012-10-31T18:07:12.903 に答える
10

実際には複数行の入力を行うためにここに来ました。入力が欲しくなかったことがわかりました。テキストエリアが欲しかったのです。他の回答で指定されているように、高さまたは行の高さを設定できますが、それでもテキスト ボックスの 1 行にすぎません。実際の複数行が必要な場合は、代わりにテキストエリアを使用してください。以下は、幅 500px の 3 行テキストエリアの例です (ページの適切な部分である必要があります。これを設定する必要はなく、要件に基づいて変更する必要があります)。

<textarea name="roleExplanation" style="width: 500px" rows="3">This role is for facility managers and holds the highest permissions in the application.</textarea>
于 2016-12-06T14:15:02.783 に答える
8

入力フィールドに対してclassまたはを定義できます。id

または

input {
    line-height: 20px;
}

これがお役に立てば幸いです。

于 2012-11-01T11:50:31.113 に答える
5

CSS を使用する:

<input type="text" class="bigText"  name=" item" align="left" />

.bigText {
    height:30px;
}

Dreamweaver は不十分なテスト ツールです。ブラウザではありません。

于 2012-10-31T18:06:53.123 に答える
4

CSS を使用して高さを増やすだけです。

<input type="text" style="height:30px;" name="item" align="left" />

または、正確な高さを指定する代わりに、パディングを使用して高さを増やしたい場合がよくあります。

<input type="text" style="padding: 5px;" name="item" align="left" />
于 2012-10-31T18:08:36.107 に答える