2017-08-04 55 views
0

如何使輸入類型=文本到多行, ,比如我有文字稱爲「我的名字是奎師那,我是新來這裏」 這是輸入的文本價值,我想這個顯示在多行中。像輸入型文本值成多行

**

myname is krishna </br> 
 
and i am new to here

**

我曾嘗試

`word-wrap: break-word` 
`word-break: break-all;` 
`white-space: pre-wrap` 

需要一些想法,這樣做,我們怎樣才能實現輸入類型文本包裝成多行。

+2

你有沒有想過的textarea的?它們的工作方式與 –

+0

的工作方式不同,輸入類型=「text」。正如所提到的,textarea是唯一的方法。 – Kiwad

+0

[Input type =「text」/>](https://stackoverflow.com/questions/6262472/multiple-lines-of-input-in-input-type-text)中的多行輸入可能重複 – Ofisora

回答

0

用一個textarea來處理多個線路全長

<textarea id="someId" name="someName" cols="20" rows="6"></textarea> 

,然後jQuery來獲取格式化

var htmlCode = $("#someId").html(); 
0

我覺得你應該適當考慮textarea的。他們都以同樣的方式工作。

<textarea cols="5" rows="20"></textarea> 

它還允許你來控制輸入

的cols和rows的數量如果您正在使用contactform7,這是速記代碼包括。

[textarea your-message 40x10 "your message here ..."] 

更可以發現Here