layui input标签设置只读不可编辑背景灰化

青茶360

于 2022-05-15 15:13:55 发布

阅读量4.6k

点赞数

分类专栏： layui 文章标签： layui elementui vue.js

本文链接：https://blog.youkuaiyun.com/NCZB007/article/details/124782587

版权

layui 专栏收录该内容

3 篇文章

订阅专栏

该博客展示了如何使用HTML来设置文本输入框为只读和禁用状态，两种方式都能使输入框背景灰化，但禁用状态的输入框无法编辑且可能影响页面交互。示例代码包括了`readonly`和`disabled`属性的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <!-- 设置只读 背景灰化 -->
<input type="text" id="name" name="name"  style="background:#CCCCCC" readonly="true" placeholder="请输入设备名称" value="ceshi" class="layui-input">
                                  
 
 <!-- 设置禁用 背景灰化 -->
<input type="text" id="name" name="name"  disabled="disabled" style="background:#CCCCCC" placeholder="请输入设备名称" value="ceshi" class="layui-input">