讓textarea充當輸入

如何將style和javascript應用於textarea字段以使其像輸入文本字段一樣工作？讓textarea充當輸入

我有一些輸入文本框，我想用新行字符捕捉粘貼。爲了實現這一點，我將輸入文本字段轉換爲textareas。這將是很好，但如果textarea輸入看起來像一個輸入字段。

我已經確定瞭如何確定textarea的大小，使其看起來像一個輸入，但還有其他細微差別，我還沒有盤點。我正在尋找一個圖書館或全面的方式讓textarea像文本字段一樣行事。

謝謝

更新

我要獨自離開文本字段。事實證明，我可以創建一個隱藏的textarea並將焦點切換到粘貼事件上的該元素以獲取多行粘貼的數據。

2011-11-06 jrhicks

你只是在尋找與普通文本輸入相同的高度嗎？ – DesignerGuy

如果你想捕捉帶有換行符的輸入，那麼你*不應該讓它們看起來像文本字段;粘貼後它不會看起來像它的工作。並享受Word文檔中的所有粘貼。 –

戴夫牛頓，我正在捕獲粘貼的值，以將選項卡式和新內部數據流入單獨的輸入框，並在網格中對齊。 – jrhicks

到目前爲止，我已經找到了後續風格HTML和CSS有用。

textarea { 
    overflow: hidden; 
    resize: none; 
} 

<textarea rows=1 wrap=Off></textarea>

2011-11-06 20:33:00 jrhicks

爲了讓它看起來像一個輸入字段，您需要將其length和width更改爲適當的大小。除此之外，兩者看起來很相似。至於JavaScript，它與您現在使用的inputs類似。

2011-11-06 19:05:56

如果您喜歡特定的樣式等，請提供代碼示例。 –

您可以捕獲數據這樣

$("#textarea1").val()

2011-11-06 19:06:29 jdross

你可以這樣做：

textarea{ 
width: 10em; 
    height:1.2em; 

}

的風格

2011-11-06 19:13:08

回答