bootstrap怎么让输入框只读?

bootstrap怎么让输入框只读?下面本篇文章给大家介绍一下Bootstrap实现只读输入框的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

只读输入框

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

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

效果图:

1.gif

readonly 属性

readonly 属性是一个布尔属性。

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

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

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

更多web前端知识,请查阅 HTML中文网 !!

以上就是bootstrap怎么让输入框只读?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏