2009-11-30 61 views
3

我有這個文本框如何在正常的html文本框中自動換行?

<p>Event Data :<input id="data" type="text" wrap="true" value="{{data}}" 
      style="width: 757px; height: 170px" /> 
    </p> 

我希望它是多 我不能用asp:文本框 是有可能使用精確的文本框,並使其多或

對該文本文本框去自動換行

+0

我想什麼你想要的是'wrap ='虛擬'' – Rob 2009-11-30 13:26:30

回答

5

如何:

<p>Event Data: 
<textarea id="data" style="width: 757px; height: 170px" rows="10" cols="80">{{data}}</textarea> 
</p> 

爲了指出rowscolstextarea的必需屬性,提示(和+1)到Stewart

0

您將需要使用具有wrap屬性的<textarea>。它不是任何HTML標準,但據我所知,在所有主流瀏覽器中的設置「軟」,「硬」和「關」工作。當然在IE。不過,Firefox似乎需要一個「cols」設置才能工作。

+0

什麼'word-wrap'屬性? http://www.w3.org/TR/html401/interact/forms.html#h-17.7 – 2009-11-30 13:21:01

+0

我的意思是非標準的'換行',相應地進行了修正。 – 2009-11-30 13:45:46

+0

在哪些瀏覽器中不包含任何這種非標準屬性呢? – Stewart 2009-11-30 14:49:51

3
<p>Event Data: 
<textarea id="data" rows="10" cols="80">{{data}}</textarea> 
</p> 

行和列是必需的屬性。不要問我爲什麼。如果你打算在CSS中設置大小,通常最好用em或%來代替px。

+0

我現在這個評論是9歲,所以這只是一個澄清;與HTML5行/ cols不是嚴格要求了。例如w3schools說:「文本區域的大小可以由cols和rows屬性指定,甚至更好;通過CSS的高度和寬度屬性。」。 – 2018-03-07 17:56:40

1

如果你的意思是你希望你的文本值顯示爲多行,使用添加white-space: pre;風格textarea元素,確保把放在適當的換行符到返回{{data}}