如何使输入文本字段为只读

Question

<div class="form-group">
 <label for="bit_app_policy_category_status">Please Insert the Code<span class="required">*</span></label>
 <input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" />
</div>

我只想让该字段无法更改，而只能查看。

Answer 1

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" readonly />

或

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" disabled />

Answer 2

html为此具有两个属性。 readonly和disabled。当任何输入字段具有disabled属性时，该值将不可编辑。并且该值也不会随表格一起传递。对于readonly属性，值将不可编辑，但将与表单一起传递。因此请使用readonly

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" readonly />

Answer 3

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" disabled />`

已禁用输入。

Answer 4

使用可以使用只读

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" readonly />

Answer 5

像这样使用只读：-

<input type="text" name="code" class="form-control" value="{{$category->code}}" placeholder="Enter the Code" readonly/>