在使用textarea标签时出现的小问题,特此记录一下。
现象:
项目中使用textarea展示多行文本,写法如下,通过Model赋值。
<textarea type="text" rows="5" class="form-control" name="LbpcWorkDesc" value="@Model.Item2.lbpc_work_desc"></textarea>
从界面输入内容,保存后数据正常保存到数据库中。
但是,当刷新界面再次查看时发现textarea中内容变成了空白,使用F12查看代码发现value属性中是有值的,但是界面没有显示。
解决方法:
textarea标签中没有value属性,赋值的话直接写到开始标签与结束标签中间,内容显示就正常了。修改如下:
<textarea type="text" rows="5" class="form-control" name="LbpcWorkDesc">@Model.Item2.lbpc_work_desc</textarea>
最后回想了下为什么会在textarea中出现了value属性,因为textarea是复制input标签修改而来。