TextArea在调整大小之前不显示内容

时间:2014-04-22 13:29:35

标签: javascript html css forms

我在将格式加载到表单中的textarea时出现问题。

<小时/> 这是它的CSS:

textarea.form_field
{
border:1px solid #D4D3DA;
color:#3B3C3F;
background-color:#FCFCFC;
font-family:Century Gothic, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:0px;
top:0px;
text-align:left;
width:100%;
height:83px;
padding-top:0px;
padding-left:4px;
padding-right:4px;
margin-top:-1px;
scrollbar-arrow-color:#3B3C3F;
scrollbar-face-color:#F6F6F8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#BEBEC0;
scrollbar-3dlight-color:#F6F6F8;
scrollbar-darkshadow-color:#F6F6F8;
}

<小时/> 这是它的标记:

<textarea class="form_field" name="P_DESCRIPTION" id="P_DESCRIPTION" fieldname="Project Description" rows="3" fieldcheck="true"></textarea>

<小时/> 这是我设置其值的脚本:

function loadform()
{
var tbval = "Here is the value\nHere is a new line for the value\n\nHere is your mom";
document.getElementById("P_DESCRIPTION").innerText = tbval;
}

<小时/> 这里发生了什么:

用户转到表单(.asp页面),输入值,然后提交表单。表单读取并记录值,然后将用户发送回表单的视图版本,向他们显示他们记录的所有内容。

视图版本的加载调用loadform()函数,该函数将所有用户的数据加载到表单。它成功加载了所有数据,但是,只有第一行内容在textareas中可见。剩下的内容是隐藏的(虽然存在,因为您可以将光标移过它并突出显示它),直到页面调整大小。

这是一个很大的问题,我无法弄清楚它为什么会发生。

有什么想法吗?

0 个答案:

没有答案