但是用textarea的内容加载不出来,input可以,代码如下:<input class="textarea easyui-validatebox" label="详情描述:" labelPosition="left" style="height:100px;width:" name="COM_DESCRIPTION"> <textarea id="COM_DESCRIPTION" name="COM_DESCRIPTION" value="{$list.info.COM_DESCRIPTION}" class="textarea easyui-validatebox" style="height:100px;width:275px"></textarea>
时间: 2023-07-21 14:10:54 浏览: 73
根据您提供的代码,我注意到您正在使用EasyUI库来创建表单元素。在EasyUI中,使用`textbox`类来创建输入框元素,使用`textarea`类来创建多行文本框元素。
对于`<input>`元素,您可以设置`value`属性来初始化输入框的值。但是对于`<textarea>`元素,您应该使用标签之间的文本来表示初始值,而不是使用`value`属性。所以,您需要将`value`属性从`<textarea>`中删除,并确保在`<textarea>`标签内部设置正确的初始值。
下面是修改后的代码示例:
```html
<input class="textbox easyui-validatebox" label="详情描述:" labelPosition="left" style="height: 100px; width: 275px;" name="COM_DESCRIPTION">
<textarea id="COM_DESCRIPTION" name="COM_DESCRIPTION" class="textarea easyui-validatebox" style="height: 100px; width: 275px;">{$list.info.COM_DESCRIPTION}</textarea>
```
请注意,我还更正了`<input>`元素的`class`属性为`textbox`,以匹配EasyUI库的样式。
通过这样修改后,您应该能够在页面加载时正确显示初始值。
如果问题仍然存在,请提供更多相关代码和上下文信息,以便我能够更好地帮助您。
相关问题
<div class="form-row"> <div class="form-group"> <label for="name" style="margin-right: 85%">订单号:</label> <input type="text" class="form-control" value="{{ order.id }}" name="name" id="name" readonly="readonly"> </div> <div class="form-group"> <label for="name" style="margin-right: 85%">商家:</label> <input type="text" class="form-control" value="{{ order.merchant.company_name }}" name="name" id="name" readonly="readonly"> </div> <div class="form-group"> <label for="description" style="margin-right: 85%">问题描述描述:</label> <textarea class="form-control" name="problem_description" id="description"></textarea> </div> <div class="form-group"> <label for="description" style="margin-right: 85%">上传图片:</label> <input type="file" class="form-control" name="image" id="description"> </div>
这段代码中有两个`<input>`标签和一个`<textarea>`标签使用了相同的`id`属性值,这样会导致页面上出现重复的`id`引用,可能会产生不可预期的结果。建议修改代码,将`id`属性值改为不同的值,如下所示:
```
<div class="form-row">
<div class="form-group">
<label for="order_id" style="margin-right: 85%">订单号:</label>
<input type="text" class="form-control" value="{{ order.id }}" name="order_id"
id="order_id" readonly="readonly">
</div>
<div class="form-group">
<label for="merchant_name" style="margin-right: 85%">商家:</label>
<input type="text" class="form-control" value="{{ order.merchant.company_name }}" name="merchant_name"
id="merchant_name" readonly="readonly">
</div>
<div class="form-group">
<label for="problem_description" style="margin-right: 85%">问题描述描述:</label>
<textarea class="form-control" name="problem_description"
id="problem_description"></textarea>
</div>
<div class="form-group">
<label for="image" style="margin-right: 85%">上传图片:</label>
<input type="file" class="form-control" name="image"
id="image">
</div>
</div>
```
这样就可以避免重复的`id`引用问题了。
解释下面这段代码:<input type="hidden" id="opType" value=""> <input type="hidden" id="id" value=""> <div class="layui-row"> <div class="layui-inline"> <label class="layui-form-label">公开度</label> <div class="layui-input-block"> <select id="status" name="status" lay-verify="required"> <option selected="selected" disabled="disabled" style='display: none' value=''></option> <option value="3">保存草稿</option> <option value="2">教师可见</option> <option value="1">全体可见</option> </select> </div> </div> <div class="layui-inline"> <a class="layui-btn layui-btn-sm" lay-filter="addNotice" lay-submit> <i class="layui-icon"></i>发布</a> </div> </div><br/> <div class="layui-row"> <div class="layui-inline" style="width:29%"> <label class="layui-form-label">公告标题</label> <div class="layui-input-block"> <input id="title" type="text" class="layui-input" lay-verify="title" placeholder="请输入公告标题"> </div> </div> <div class="layui-inline" style="width:20%;"> <label class="layui-form-label">发布人</label> <div class="layui-input-block"> <input id="author" type="text" class="layui-input" lay-verify="author" placeholder="发布人"> </div> </div> </div> <br/> <div class="layui-form-item layui-col-xs9 "> <label class="layui-form-label">公告内容</label> <div class="layui-input-block"> <textarea id="content" class="layui-textarea" style="height: 300px;width: 70%;"></textarea> </div> </div>
这段代码是一个表单,包含了三个隐藏域和一个下拉菜单。
第一个隐藏域的id为"opType",第二个隐藏域的id为"id",它们的value属性都为空字符串。 第三个隐藏域的id为"status",是一个下拉菜单,包含了三个选项,分别是 "保存草稿"、"教师可见"和"全体可见"。这个下拉菜单需要验证是否选中选项。 最后,还有一个按钮,class为"layui-btn layui-btn-sm",点击它会提交表单。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<title>医院住院管理系统</title> </head> <body> 药品发放 <form id="drugs_delivery"> <label>*住院号:</label> <input results="s" type="search" readonly name="patientId" id="patientId" /> <label>*姓名:</label> <input type="text" readonly name="patientName" id="patientName" /> <label>*药品编号:</label> <input type="search" results="s" readonly name="drugId" id="drugsId" /> <label>数量:</label> <input type="text" name="drugCount" id="num" onblur="checkdrugsnum()" /> <input type="hidden" name="num1" id="num1"> <label>*药品名称:</label> <p cla
請你幫我打修改HTML代碼<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常记录</title> <style> .main { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } </style> </head> <body> 首页 登记数据 查询数据 异常记录登记 <form method="post" action="/submit"> <label>确认线别:</label> <input type="text" name="line">
<label>确认日期:</label> <input type="date" name="date">
<label>异常机种:</label> <input type="text" name="model">
<label>异常现象:</label> <textarea name="issue"></textarea>
<label>生产日期:</label> <input type="date" name="prod_date">
<label>生产班别:</label> <input type="text" name="shift">
<label>生产线别:</label> <input type="text" name="prod_line">
<label>责任人:</label> <input type="text" name="responsible">
<input type="submit" value="提交"> </form> 欢迎访问 </body> </html>
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
請你幫我打修改HTML代碼<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常记录</title> <style> .main { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } </style> </head> <body> 首页 登记数据 查询数据 异常记录登记 <form method="post" action="/submit"> <label>确认线别:</label> <input type="text" name="line">
<label>确认日期:</label> <input type="date" name="date">
<label>异常机种:</label> <input type="text" name="model">
<label>异常现象:</label> <textarea name="issue"></textarea>
<label>生产日期:</label> <input type="date" name="prod_date">
<label>生产班别:</label> <input type="text" name="shift">
<label>生产线别:</label> <input type="text" name="prod_line">
<label>责任人:</label> <input type="text" name="responsible">
<input type="submit" value="提交"> </form> 欢迎访问 </body> </html>
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)