<input id="username" type="text" class="form-control" value=id readonly="readonly">怎么将username的值进行更改
时间: 2023-08-20 13:05:28 浏览: 44
要更改`username`的值,你需要使用JavaScript来访问并修改该输入框的值。可以通过以下代码将`username`的值更改为新的值:
```javascript
document.getElementById("username").value = "new value";
```
这段代码会通过`getElementById`方法找到id为"username"的元素,然后将其value属性设置为"new value",从而更改了输入框的值为新的值。你可以将"new value"替换为你想要设置的任何新值。
相关问题
<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`引用问题了。
修改这一段代码<table> <tr> <td>账 号:</td> <td><input type="text" name="userNum" class="form-control" value="${list.getUserNum() }" readonly="readonly" /></td> </tr> <tr> <td>姓 名:</td> <td><input type="text" name="userName" class="form-control" value="${list.getUserName() }" /></td> </tr> <tr> <td>密 码:</td> <td><input type="text" name="password" class="form-control" value="${list.getPassword() }" /> </td> </tr> <tr> <td>联系电话:</td> <td><input type="text" name="phone" class="form-control" value="${list.getPhone() }" /></td> </tr> <tr> <td colspan="2"><input type="hidden" name="roleID" class="form-control" value="${list.getRoleID() }" /></td> </tr> <tr> <td><input type="submit" value="修改" class="btn btn-primary" /></td> <td><input type="reset" value="清空" class="btn btn-danger" /></td> </tr> </table>
<table> <tr> <td>账 号:</td> <td><input type="text" name="userNum" class="form-control" value="${list.getUserNum() }" readonly="readonly" /></td> </tr> <tr> <td>姓 名:</td> <td><input type="text" name="userName" class="form-control" value="${list.getUserName() }" /></td> </tr> <tr> <td>密 码:</td> <td><input type="password" name="password" class="form-control" value="${list.getPassword() }" /> </td> </tr> <tr> <td>联系电话:</td> <td><input type="text" name="phone" class="form-control" value="${list.getPhone() }" /></td> </tr> <tr> <td colspan="2"><input type="hidden" name="roleID" class="form-control" value="${list.getRoleID() }" /></td> </tr> <tr> <td><input type="submit" value="修改" class="btn btn-primary" /></td> <td><input type="reset" value="清空" class="btn btn-danger" /></td> </tr> </table>
主要修改的地方是将密码的输入类型由"text"改为"password",这样输入的内容会被隐藏,提高了安全性。