bootstrap 输入框只读的设置方法

bootstrap输入框只读的设置方法：首先打开相应的代码文件；然后为输入框设置readonly属性即可，其语句如“placeholder="Readonly input here…" readonly”。

本教程操作环境：windows7系统、bootsrap3.3.7版，Dell G3电脑

推荐：《bootstrap视频教程》《css视频教程》

只读输入框

为输入框设置 readonly 属性可以禁止用户输入，并且输入框的样式也是禁用状态。

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>

效果图：

readonly 属性

readonly 属性是一个布尔属性。

readonly 属性规定输入字段是只读的。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

Atas ialah kandungan terperinci bootstrap 输入框只读的设置方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!