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

最新推荐文章于 2025-06-01 09:01:01 发布

xw-何妨吟啸且徐行

最新推荐文章于 2025-06-01 09:01:01 发布

阅读量2.1w

点赞数 1

CC 4.0 BY-SA版权

文章标签： html

本文链接：https://blog.youkuaiyun.com/xuw_xy/article/details/113253807

js-qt 专栏收录该内容

40 篇文章

订阅专栏

本文介绍如何在layui框架中使用input标签实现只读和禁用效果，并附带背景灰化的样式设置。通过简单的代码示例展示了两种状态的具体实现方式。

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

layui input标签设置只读不可编辑背景灰化方法记录：

1、只读属性+背景灰化：readonly="true" style="background:#CCCCCC"

2、禁用属性+背景灰化：disabled="disabled" style="background:#CCCCCC"

 <!-- 设置只读 背景灰化 -->
<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">

参考：layui input只读属性是什么？

HTML灰色不可编辑文本框