HTML在文本框輸入文字時，怎么編寫代碼按回車換行和寫完一行時自動換行

首頁 > 公司事務(wù)2021-08-02 16:29:41

html輸入框如何換行，就是在輸入時按回車顯示的時候顯示出來的時候會換行。

把內(nèi)容放到<pre></pre>之間,比如:
<pre>
第一行
第二行
</pre>

或是,在你回車的地方加入<br>標簽.比如:
第一行<br>
第二行<br>

樓主，是不是可以嘗試著用<textrea> 標簽
然后把css 樣式規(guī)范為以下,
<style>
textarea{
resize: none;
outline: none;
}
</style>
再把標簽textarea設(shè)為只顯示一行的高度，是不是可以達到你要的效果 ?

不用input，用<textarea name="descript" id="descript" cols="20" rows="10"></textarea>

CKEDITOR可以幫助你解決問題

html多行文本框，怎么在框內(nèi)輸入文字時，回車會自動換行，在提交時怎么讓換行符一起被提交呢。用什么屬性

默認值是文本自動換行；當輸入內(nèi)容超過文本域的右邊界時會自動轉(zhuǎn)到下一行，而數(shù)據(jù)在被提交處理時自動換行的地方不會有換行符出現(xiàn)； Off，用來避免文本換行，當輸入的內(nèi)容超過文本域右邊界時，文本將向左滾動，必須用Return才能將插入點移到下一行； Virtual，允許文本自動換行。當輸入內(nèi)容超過文本域的右邊界時會自動轉(zhuǎn)到下一行，而數(shù)據(jù)在被提交處理時自動換行的地方不會有換行符出現(xiàn)； Physical，讓文本換行，當數(shù)據(jù)被提交處理時換行符也將被一起提交處理。

1、首先需要定義一個照片數(shù)組。

2、在這個數(shù)組里面初始化了三個簡單的圖片元素。

3、這個時候，頂一個下標變量用來dw五秒自動換照片的變量。

4、此時可以建立一個回調(diào)函數(shù)，名為changeimg，dw五秒自動換照片的重要代碼在此。

5、當圖片下標等于圖片數(shù)組長度，那么就歸為零。并利用src屬性獲得圖片數(shù)組的下標元素。

6、這個時候，可以每次循環(huán)累加，就能設(shè)置五秒自動換照片，就完成了。

Physical，讓文本換行，當數(shù)據(jù)被提交處理時換行符也將被一起提交處理

既然是自動換行，當然不會有換行符存在。想把自動換行的地方加上換行符的話，必須用另外的語句來處理。
　　如果是按回車鍵產(chǎn)生的換行。用默認值就可以提交換行符的。

　　再說一遍，用默認值就行了，換行符就會被提交的。我一直這樣用。

你是不是輸入正確，但是顯示的時候不正確，你要在后臺把\r\n轉(zhuǎn)為<br />.
\r\n是文本中的換行符,而html中的換行符為<br />
如果文本輸入的內(nèi)容要在網(wǎng)頁中正常顯示還要轉(zhuǎn)換一些字符，詳看參考資料