我如何做一个只读输入字段答案

【问题标题】：How I can do a read-only input field我如何做一个只读输入字段
【发布时间】：2022-11-01 20:41:23
【问题描述】：

我试过这段代码但没有用

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">

<div class="form-outline">
    <input class="form-control"
           id="form Control Read only"
           type="text"
           value="Read only input here..."
           aria-label="readonly input example"
           readonly />
    <label class="form-label" for="formControlReadonly">Readonly</label>
</div>

【问题讨论】：

除了缺少 floating label 类之外，它似乎工作正常。有什么问题？

标签： html bootstrap-5

【解决方案1】：

readonly 属性使输入字段仅供阅读，但仍然可以选择。 disabled 属性将禁用所有的东西。在您的输入属性中尝试disabled。

【讨论】：

所有的事情都意味着它将不可编辑或选择。它只是为了展示。
好的兄弟感谢您的建议和编辑。 ;)