Question

我正在为我的网站创建一个表单，并为我的代码的输入消息部分提供以下代码。我只想更改此输入框的高度，但我不确定如何操作。如果可能的话，我宁愿更改html代码中的高度而不是CSS。谢谢:)）

<p>
<label for="from">Your message:</label>
<br />
<input type="text" name="message" id="message" value="type your message..." maxlength="40"      size="40" onclick="this.value=''"/>
</p>

我尝试过：

<p>
<label for="from">Your message:</label>
<br />
<input type="text" name="message" id="message" value="type your message..." maxlength="40"    width="40px" height="40px" onclick="this.value=''"/>
</p>

但这不起作用

Answer 1

“text”输入没有height或width属性。由于您要在HTML中定义高度，因此可以使用style属性。您可以使用CSS规则作为其值：

<input type="text" style="height: 40px;" />

Answer 2

根据MDN article for <input>：

width
如果type属性的值为image，则此属性定义为按钮显示的图像的宽度。

相同的说明适用于height

使用CSS代替。内联（不是首选）style="height: 40px;"或

#message{ height: 40px; }

Answer 3

您可以使用css

设置文本输入的样式

input[type=text] {
    ...
}

如果没有css，你可以像这样使用style属性

<input type="text" style="..."/>

如果使用文本区域，则可以使用rows属性更改元素的高度，但这不适用于输入

HTML改变表单中输入框的高度

3 个答案: