使用Javascript在多行顯示文本[多行文本框]

enter image description here 我盡我所能解決了這個問題，但最終得到的結果是負面的。使用Javascript在多行顯示文本[多行文本框]

我有文本框，長度爲1300個字符。但我希望以多行顯示。我嘗試了很多東西，我得到了水平滾動條，但沒有得到垂直滾動條。該字符串顯示在我不想要的單行中。我希望在文本框結尾處斷開並在下一行繼續顯示。

var tmpArray = document.forms['form1'].elements["fa_col_value"]; 
var mainCdo = g_CdoMgr.getCdoByName("TempFaObjectCdo"); 
var flexCdoCol = mainCdo.getCdoColByName("fa"); 

if(flexCdoCol.get(i).getField("label") == "Additional Notes") 
{ 
    tmpArray[i-j].style.width="350"; 
    tmpArray[i-j].style.height="100"; 
}

在上面的代碼中，我試圖改變高度和寬度，但顯示是讓我困擾。我希望這可以通過多行顯示。這對於該頁面中的所有元素都是通用的。

//tmpArray[i-j].style.overflow="auto";

當使用此我得到一個水平滾動條也[這是不是對我來說非常有用。但是當我嘗試了根本不起作用的垂直選項時。

我試過break-all/break-word，但沒用。

該圖像顯示的數據。紅色代表我需要改變的部分，綠色代表需要以多行顯示的字符串。

在這裏，字符串被顯示在一行上。這需要垂直渲染。

來源

2013-07-23 user1835935

我們可以看一下你的HTML嗎？ – Andy

我附上了文字的圖片。 – user1835935

我認爲這與您的問題有關。

請參閱

Paste multiline text in input type text (not textarea)

來源

2013-07-23 08:57:23 Rehman

我試過但沒用。在那個文本框中，用戶將輸入文本，這是我爲了測試目的而複製的文本。在你給的鏈接中，我沒有看到任何東西。即時通訊使用IE6，這也是我的擔心。 – user1835935

您正在使用的輸入領域，但因爲文本區域用於多行文字顯示

來源

2013-07-23 08:58:10 DejanG

我已經添加了一張新圖片，我不能將它改爲textarea。它也會影響所有其他行。我希望boz中的文本分成多行。將文本框轉換爲textarea，並將其轉換爲特定的字段，就像我爲高度和寬度所做的一樣。 – user1835935

你簡直不能在輸入類型=文本中多行顯示一個值。文字區似乎是你真正想要的 - 爲什麼你不能只用一個，我看不到。 – CBroe

你也需要像這樣的東西http://www.w3schools.com/tags/att_textarea_wrap.asp – DejanG

或者您可以使用文本面積小，你應該使用textarea的http://www.w3schools.com/tags/tag_textarea.asp jQuery代碼。

 $("#tArea").on("keydown", function() { 
      var $that = $(this); 
      if ($that.val().length >= 50) { 

       $that.val($that.val().substring(0, 49)); 


      } 


     });

來源

2013-07-23 09:19:32 Rehman

我們沒有jQuery。 :( – user1835935

使用Javascript在多行顯示文本[多行文本框]

回答

相關問題