textarea值问题

Question

<form name="SelectMO"..........><tr>
   <td class=black9pt>aaaaaaa</td>
   <td colspan=3>
     <input type="textarea" name="bbb" value="你好" readonly style="BPckground-color:#D8D8D8;height:100px">
     <input type="hidden" name="ccc" value="111" readonly style="BPckground-color:#D8D8D8" >
     <input type=button class=tttt  value=... name=button onClick="getName()">
   </td>
   <td class=black9pt>                                      <inputtype="checkbox"name="selectettt"value="true"onclick="javascript:changeValueis.checked)"CHECKED>工工
    </td>
  </tr>
function   getName()
{
   var t="小王，小明，小李，小红";
    var sName="";
     sNameArray=t.split(",");
     Count=sNameArray.length;
      i=0;
      while(i<Count)
     {
        sName=sName+sNameArray[i]+"\r\n";
     }
 alert(sName);
SelectMO.bbb.value=sName;}问题：我alert出来的结果为：
小王
小明
小李
小红为何页面上显示的结果确是:小王小明小李小红为何展示的是一行信息，而不是经过换行处理的结果？

Answer 1

因为<input>只能是一行。要多行，要使用
<textarea type="textarea" name="bbb" readonly style="Background-color:#D8D8D8;height:100px">你好</textarea>而不是
<input type="textarea" name="bbb" value="你好" readonly style="BPckground-color:#D8D8D8;height:100px">