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

【问题标题】：HTML altering height of input box in a formHTML改变表单中输入框的高度
【发布时间】：2014-12-02 19:51:42
【问题描述】：

我正在为我的网站创建一个表单，并为我的代码的输入消息部分提供以下代码。我只想更改此输入框的高度，但不确定如何操作。如果可能的话，我宁愿更改 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>

但这没有用

【问题讨论】：

您可以添加：style="height: 40px;".
谢谢你，我现在可以工作了 :)
很高兴听到这个消息，不客气！

标签： html css forms input height

【解决方案1】：

“文本”输入没有高度或宽度属性。由于您想在 HTML 中定义高度，因此可以使用 style 属性。您可以像这样使用 CSS 规则作为其值：

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

【讨论】：

【解决方案2】：

根据MDN article for <input>：

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

同样的描述也适用于height

改用 CSS。内联（非首选）style="height: 40px;" 或

#message{ height: 40px; }

【讨论】：

【解决方案3】：

您可以使用 css 为文本输入设置样式

input[type=text] {
    ...
}

没有css你可以像这样使用样式属性

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

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

【讨论】：