上面那段代码中的<select type="text" class="form-control" id="method" name="method">,显示警告此处不允许使用特性 type
时间: 2023-07-02 16:21:40 浏览: 51
这段代码中的`<select>`标签并不需要使用`type`属性,应该将其删除,因为`<select>`标签本身就是用于选择列表的,不需要额外的类型声明。因此,建议修改为如下代码:
```
<select class="form-control" id="method" name="method">
```
这样就不会再出现警告信息了。
相关问题
<p style="font-size: x-large">总价:¥{{ total }}<span id="totalPrice">0</span></p> <div style="width: 50%"> <div class="form-group"> <label for="name">收货人姓名</label> <input type="text" class="form-control" id=name" name="name" value="{{ user.customer.name }}"> </div> <div class="form-group"> <label for="name">电话</label> <input type="tel" class="form-control" id="name" name="phone" value="{{ user.customer.phone }}"> </div> <div class="form-group"> <label for="name">地址</label> <input type="text" class="form-control" id="name" name="address" value="{{ user.customer.address }}"> </div> <div class="form-group"> <label for="name">支付方式</label> <select type="text" class="form-control" id="name" name="method"> <option value="支付宝">支付宝</option> <option value="微信">微信</option> <option value="银行卡">银行卡</option> </select> </div> <div class="form-group"> <button type="submit" class="btn btn-primary">提交</button> </div> </div>
代码中有两个地方的 `id` 属性值都是 "name",这会导致重复的 id 引用。为了解决这个问题,可以将这两个 `id` 属性值修改为不同的值,例如:
```
<p style="font-size: x-large">总价:¥{{ total }}<span id="totalPrice">0</span></p>
<div style="width: 50%">
<div class="form-group">
<label for="name">收货人姓名</label>
<input type="text" class="form-control" id="name" name="name" value="{{ user.customer.name }}">
</div>
<div class="form-group">
<label for="phone">电话</label>
<input type="tel" class="form-control" id="phone" name="phone" value="{{ user.customer.phone }}">
</div>
<div class="form-group">
<label for="address">地址</label>
<input type="text" class="form-control" id="address" name="address" value="{{ user.customer.address }}">
</div>
<div class="form-group">
<label for="method">支付方式</label>
<select type="text" class="form-control" id="method" name="method">
<option value="支付宝">支付宝</option>
<option value="微信">微信</option>
<option value="银行卡">银行卡</option>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</div>
```
这样就可以避免重复的 id 引用了。
<div class="page-content"> <div class="row"> <div class="col-sm-6 col-sm-offset-3" style="padding-top: 20px"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">更新信息</h3> </div> <div class="panel-body"> <form class="form-horizontal" action="/admin/goods/update" method="post" enctype="multipart/form-data"> <input type="hidden" name="id" value="${goods.id}"> <div class="form-group"> <label class="col-sm-3 control-label">所属分类</label> <div class="col-sm-8"> <select class="form-control" name="categoryId"> <c:forEach items="${categoryList}" var="item"> <option <c:if test="${item.id == goods.categoryId}">selected</c:if> value="${item.id}">${item.name}</option> </c:forEach> </select> </div> </div>
这段代码看起来像是一个商品信息更新页面的 HTML 代码,包含了一个表单和一个所属分类的下拉框。表单的 action 属性指向 `/admin/goods/update`,使用 POST 方法提交表单。表单中包含了一个隐藏的输入框,其 name 属性为 `id`,value 属性为 `${goods.id}`,可能是通过后台代码动态传入的。下拉框的 name 属性为 `categoryId`,包含了一个 categoryList 的循环遍历,其中每个循环项都会生成一个选项,选项的 value 属性为遍历项的 id 属性,选项的文本内容为遍历项的 name 属性。如果当前遍历项的 id 属性等于商品的 categoryId 属性,则为该选项添加了 selected 属性,表示默认选中该选项。
阅读全文