HTML改變輸入框格式的高度

我爲我的網站創建了一個表單，併爲我的代碼的輸入消息部分提供了以下一段代碼。我只想改變這個輸入框的高度，但我不確定如何去做。如果可能，我寧願改變html代碼中的高度，而不是CSS。謝謝:)HTML改變輸入框格式的高度

<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>

但這並沒有工作

來源

2014-12-02 ChatNoir

您可以添加：'style =「height：40px;」'。 – emmanuel 2014-12-02 19:53:10

謝謝，我現在正在工作:) – ChatNoir 2014-12-02 19:56:57

很高興聽到這一點，歡迎您！ – emmanuel 2014-12-02 19:58:09

A 「文字」輸入不具有高度或寬度屬性。既然你想在HTML中定義高度，你可以使用style屬性。使用CSS規則作爲它的值是這樣的：

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

來源

2014-12-02 19:54:57 Elemental

按照MDN article for <input>：

width
如果type屬性的值是圖像，該屬性定義了圖像的顯示寬度爲按鈕。

說明同樣適用於height

使用CSS來代替。無論是內聯（不推薦）style="height: 40px;"或

#message{ height: 40px; }

來源

2014-12-02 19:55:22 Mooseman

你可以像這樣用CSS

input[type=text] { 
    ... 
}

沒有CSS，你可以使用像這樣

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

樣式屬性樣式的文本輸入，如果使用文本區域，您可以使用rows屬性來更改元素的高度，但這不適用於輸入

來源

2014-12-02 20:00:55 Boaprivate

HTML改變輸入框格式的高度

回答

相關問題