Textarea 換行

thursday 發(fā)布于2019-08-01 15:54 / 602人閱讀

摘要：主要是在上找到的，照例上代碼常規(guī)想到的方法正確的換行姿勢換行回車所以它們組合起來就是，我想這個一目了然了測試實測均有效無效拓展代碼對照表問答

一次意外，需要在textarea有placeholder提示的時候進行換行操作，那個頭大喲~

網(wǎng)上找了一圈，也在咱問答上面找了下（超雞少，寥寥幾個回答有答到點上卻被淹沒在眾多回答中，翻了好幾圈在翻的倒，）

所以呢，寫個文，記下來。

主要是在stackoverflow上找到的，照例上代碼：

常規(guī)想到的方法：
, r, n

正確的換行姿勢： ,

: LF line feed 換行
: CR carriage return 回車

所以它們組合起來就是：CRLF，我想這個一目了然了

http://output.jsbin.com/sakago

hello you
Second line
Third line

測試

IE7, IE8, Chrome, Firefox 實測均有效

iOS 10.2 Safari 無效

拓展

ASCII代碼對照表

Stackoverflow問答

GPU云服務(wù)器云服務(wù)器 textarea換行問題 Textarea html:textarea textarea高度

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/50197.html

相關(guān)文章

說一說“換行”踩的坑

摘要：雖然效果一樣，但是這兩種換行的方式使用起來卻不同。使用換行這種方式用起來比較坑，所以本文章的重點就是這一部分。因為之前知道彈框中要實現(xiàn)換行，只能通過的方式，而不能通過的方式。在元素上使用等方式，發(fā)現(xiàn)都是可以實現(xiàn)換行的。前言最近遇到這樣一個需求：需要在頁面中顯示一段第三方文本信息。這些文本完全由第三方自己定義，我們負責(zé)顯示在頁面即可，第三方要求這些文本需要換行顯示即可。我們都知道在...

objc94 2019-08-21 10:44 評論0 收藏0
由一個項目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時候，從后臺獲取到文本之后，去掉文中的所有空格，然后顯示在標簽里面。這里我用一個小例子來示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當我們使用 textarea 在前臺編輯文字，并用 js 提交到后臺的時候，空格和換行是我們最需要考慮的問題。在textarea 里面，空格和換行會被保存為/s和/n，如果我們前臺輸入和前臺顯示的文字都是在 te...

TNFE 2019-08-23 10:44 評論0 收藏0
由一個項目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時候，從后臺獲取到文本之后，去掉文中的所有空格，然后顯示在標簽里面。這里我用一個小例子來示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當我們使用 textarea 在前臺編輯文字，并用 js 提交到后臺的時候，空格和換行是我們最需要考慮的問題。在textarea 里面，空格和換行會被保存為/s和/n，如果我們前臺輸入和前臺顯示的文字都是在 te...

Cheriselalala 2019-08-02 11:09 評論0 收藏0
CSS 實現(xiàn) textArea 的 placeholder 換行

摘要：官方不認為這是一個意思就是說表示的是一個簡單的提示一個詞或者一個短語，根本不需要換行。但是實際應(yīng)用中，我們有時需要換行。如何解決很多時候我們用來解決，其實也可以實現(xiàn)。表示換行以上是的代碼，類也有相應(yīng)的版本表示換行可以參考上的討論。 textArea的placeholder不能換行。例如：這是不會起作用的，會原封不動地輸出。 showImg(http://segmentfau...

charles_paul 2019-08-28 17:52 評論0 收藏0
編寫自適應(yīng)高度的 textarea

摘要：但是現(xiàn)在產(chǎn)品經(jīng)理說了需要這個文本框可以根據(jù)用戶輸入內(nèi)容自適應(yīng)其高度。想法很簡單，當用戶輸入的文本超過了文本框自身高度時不是會出現(xiàn)滾動條嘛，那么自然而然就能想到這個屬性。就應(yīng)該是用戶輸入文本的真實高度，至少超過文本框既定高度時是這樣。文本框是很常見的輸入控件，我相信只要寫過表單的肯定接觸過 textarea 這個元素。 OK。但是現(xiàn)在產(chǎn)品經(jīng)理說了：需要這個文本框可以根據(jù)用戶輸入內(nèi)容自適...

only_do 2019-08-23 15:27 評論0 收藏0
編寫自適應(yīng)高度的 textarea

摘要：但是現(xiàn)在產(chǎn)品經(jīng)理說了需要這個文本框可以根據(jù)用戶輸入內(nèi)容自適應(yīng)其高度。想法很簡單，當用戶輸入的文本超過了文本框自身高度時不是會出現(xiàn)滾動條嘛，那么自然而然就能想到這個屬性。就應(yīng)該是用戶輸入文本的真實高度，至少超過文本框既定高度時是這樣。文本框是很常見的輸入控件，我相信只要寫過表單的肯定接觸過 textarea 這個元素。 OK。但是現(xiàn)在產(chǎn)品經(jīng)理說了：需要這個文本框可以根據(jù)用戶輸入內(nèi)容自適...

wenzi 2019-08-02 14:19 評論0 收藏0