从HTML中的禁用属性获取价值

Question

我有一个可以编辑某些参数而有些被禁用的表单。在上传已编辑的表单时，禁用的参数返回空值，我的代码如下，

<div class="form-group col-md-6">
      <label class="control-label required"  for="name">Name</label>
      <input type="text" readonly="readonly" disabled value="{user.name}}">
</div> 

因此，在提交表单时，应使用值“ user.name”，但由于我提供了disable属性，它返回null。

Answer 1

我的要求是应该看起来像已禁用，但应该通过其值

您可以使用CSS使其处于禁用状态

 .disabled { background: #ccc; cursor: not-allowed; border-width: 1px; } 

 <input type="text" readonly="readonly" class="disabled" /> <input type="password" readonly="readonly" class="disabled" /> <textarea readonly="readonly" class="disabled"></textarea> 

Answer 2

仅使用readonly而不是disabled

有2个选择：

<input type="text" value="{{user.name}}" readonly>
// In this case you can get post values  

<input type="text" value="{{user.name}}" disabled>
// In this case you can not get post values