bootstrap 输入框只读的设置方法


本文摘自PHP中文网,作者藏色散人,侵删。

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

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

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

只读输入框

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

1

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

效果图:

1590470893867727.gif

readonly 属性

readonly 属性是一个布尔属性。

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

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

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

以上就是bootstrap 输入框只读的设置方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vue中怎么引入bootstrap

bootstrap面板怎么用

浅谈vue项目中使用npm安装bootstrap和jquery

bootstrap的构成模块是什么

bootstrap前端视图中如何实现页面内容模块化的隔离

浅谈bootstrap中glyphicons图标的用法

bootstrap响应式布局图片怎么居中

bootstrap响应式布局怎么实现

bootstrap如何触发下拉菜单

bootstrap做什么用的?

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...