Textarea 換行

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

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

一次意外，需要在textarea有placeholder提示的時(shí)候進(jìn)行換行操作，那個(gè)頭大喲~

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

所以呢，寫個(gè)文，記下來。

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

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

正確的換行姿勢(shì)： ,

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

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

http://output.jsbin.com/sakago

hello you
Second line
Third line

測(cè)試

IE7, IE8, Chrome, Firefox 實(shí)測(cè)均有效

iOS 10.2 Safari 無效

拓展

ASCII代碼對(duì)照表

Stackoverflow問答

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50197.html

相關(guān)文章

說一說“換行”踩的坑

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

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

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

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

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

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

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

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

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

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

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

wenzi 2019-08-02 14:19 評(píng)論0 收藏0